@charset "UTF-8";
/*!
 * GLOBAL STYLES
 * 2019 - Biltek Development Kitchen
 */
 @font-face { font-family: 'Trebuchet MS'; font-style: normal; font-weight: 500;  }
@font-face { font-family: 'Trebuchet MS'; font-style: normal; font-weight: 500;  }
@font-face { font-family: 'Trebuchet MS'; font-style: normal; font-weight: 600;  }
@font-face { font-family: 'Trebuchet MS'; font-style: normal; font-weight: 600;  }
@font-face { font-family: 'Trebuchet MS'; font-style: normal; font-weight: 700;  }
@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  40%, 43% {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
  }
  70% {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
  }
  90% {
  -webkit-transform: translate3d(0, -4px, 0);
  transform: translate3d(0, -4px, 0);
  }
}
#hero {
  position:relative;
}

#hero img {
  margin-left: 0px;
  height:100vh;
  width: 255vh;
  background-position:absolute;
  z-index:10;
  object-fit:cover;
}
#hero .content {
  margin-left: 50px;
  
  height:100%;
  width:120%;
  z-index:20;
  position:absolute;
  top:0;
  left:0;
  text-align:center;

  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes bounce {
  0%, 20%, 53%, 80%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  40%, 43% {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
  }
  70% {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
  }
  90% {
  -webkit-transform: translate3d(0, -4px, 0);
  transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
      transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, to {
  opacity: 1;
  }
  25%, 75% {
  opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, to {
  opacity: 1;
  }
  25%, 75% {
  opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  0% {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
}

@keyframes pulse {
  0% {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
  30% {
  -webkit-transform: scale3d(1.25, 0.75, 1);
  transform: scale3d(1.25, 0.75, 1);
  }
  40% {
  -webkit-transform: scale3d(0.75, 1.25, 1);
  transform: scale3d(0.75, 1.25, 1);
  }
  50% {
  -webkit-transform: scale3d(1.15, 0.85, 1);
  transform: scale3d(1.15, 0.85, 1);
  }
  65% {
  -webkit-transform: scale3d(0.95, 1.05, 1);
  transform: scale3d(0.95, 1.05, 1);
  }
  75% {
  -webkit-transform: scale3d(1.05, 0.95, 1);
  transform: scale3d(1.05, 0.95, 1);
  }
  to {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
}

@keyframes rubberBand {
  0% {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
  30% {
  -webkit-transform: scale3d(1.25, 0.75, 1);
  transform: scale3d(1.25, 0.75, 1);
  }
  40% {
  -webkit-transform: scale3d(0.75, 1.25, 1);
  transform: scale3d(0.75, 1.25, 1);
  }
  50% {
  -webkit-transform: scale3d(1.15, 0.85, 1);
  transform: scale3d(1.15, 0.85, 1);
  }
  65% {
  -webkit-transform: scale3d(0.95, 1.05, 1);
  transform: scale3d(0.95, 1.05, 1);
  }
  75% {
  -webkit-transform: scale3d(1.05, 0.95, 1);
  transform: scale3d(1.05, 0.95, 1);
  }
  to {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  6.5% {
  -webkit-transform: translateX(-6px) rotateY(-9deg);
  transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
  -webkit-transform: translateX(5px) rotateY(7deg);
  transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
  -webkit-transform: translateX(-3px) rotateY(-5deg);
  transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
  -webkit-transform: translateX(2px) rotateY(3deg);
  transform: translateX(2px) rotateY(3deg);
  }
  50% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  6.5% {
  -webkit-transform: translateX(-6px) rotateY(-9deg);
  transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
  -webkit-transform: translateX(5px) rotateY(7deg);
  transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
  -webkit-transform: translateX(-3px) rotateY(-5deg);
  transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
  -webkit-transform: translateX(2px) rotateY(3deg);
  transform: translateX(2px) rotateY(3deg);
  }
  50% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
  }
  40% {
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  }
  60% {
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  }
  80% {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  }
  to {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
  }
  40% {
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  }
  60% {
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  }
  80% {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  }
  to {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
      transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
  10%, 20% {
  -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
}

@keyframes tada {
  0% {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
  10%, 20% {
  -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  15% {
  -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
  transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
  -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
  transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
  -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
  transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
  -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
  transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
  -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
  transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes wobble {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  15% {
  -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
  transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
  -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
  transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
  -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
  transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
  -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
  transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
  -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
  transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  0%, 11.1%, to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  22.2% {
  -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
  transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
  -webkit-transform: skewX(6.25deg) skewY(6.25deg);
  transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
  -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
  transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
  -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
  transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
  -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
  transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
  -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
  transform: skewX(0.39062deg) skewY(0.39062deg);
  }
  88.8% {
  -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
  transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@keyframes jello {
  0%, 11.1%, to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  22.2% {
  -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
  transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
  -webkit-transform: skewX(6.25deg) skewY(6.25deg);
  transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
  -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
  transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
  -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
  transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
  -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
  transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
  -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
  transform: skewX(0.39062deg) skewY(0.39062deg);
  }
  88.8% {
  -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
  transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
      transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  14% {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  }
  28% {
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  42% {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  }
  70% {
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  14% {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  }
  28% {
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  42% {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  }
  70% {
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
  -webkit-transform: scale3d(0.9, 0.9, 0.9);
  transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
  -webkit-transform: scale3d(0.97, 0.97, 0.97);
  transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
  opacity: 1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
  -webkit-transform: scale3d(0.9, 0.9, 0.9);
  transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
  -webkit-transform: scale3d(0.97, 0.97, 0.97);
  transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
  opacity: 1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
}

.bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -3000px, 0);
  transform: translate3d(0, -3000px, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(0, 25px, 0);
  transform: translate3d(0, 25px, 0);
  }
  75% {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  }
  90% {
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -3000px, 0);
  transform: translate3d(0, -3000px, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(0, 25px, 0);
  transform: translate3d(0, 25px, 0);
  }
  75% {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  }
  90% {
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-3000px, 0, 0);
  transform: translate3d(-3000px, 0, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(25px, 0, 0);
  transform: translate3d(25px, 0, 0);
  }
  75% {
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  }
  90% {
  -webkit-transform: translate3d(5px, 0, 0);
  transform: translate3d(5px, 0, 0);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-3000px, 0, 0);
  transform: translate3d(-3000px, 0, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(25px, 0, 0);
  transform: translate3d(25px, 0, 0);
  }
  75% {
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  }
  90% {
  -webkit-transform: translate3d(5px, 0, 0);
  transform: translate3d(5px, 0, 0);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(3000px, 0, 0);
  transform: translate3d(3000px, 0, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(-25px, 0, 0);
  transform: translate3d(-25px, 0, 0);
  }
  75% {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  }
  90% {
  -webkit-transform: translate3d(-5px, 0, 0);
  transform: translate3d(-5px, 0, 0);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(3000px, 0, 0);
  transform: translate3d(3000px, 0, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(-25px, 0, 0);
  transform: translate3d(-25px, 0, 0);
  }
  75% {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  }
  90% {
  -webkit-transform: translate3d(-5px, 0, 0);
  transform: translate3d(-5px, 0, 0);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 3000px, 0);
  transform: translate3d(0, 3000px, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  }
  75% {
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  }
  90% {
  -webkit-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 3000px, 0);
  transform: translate3d(0, 3000px, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  }
  75% {
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  }
  90% {
  -webkit-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
  -webkit-transform: scale3d(0.9, 0.9, 0.9);
  transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
  opacity: 1;
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
  -webkit-transform: scale3d(0.9, 0.9, 0.9);
  transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
  opacity: 1;
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
  opacity: 1;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
  opacity: 1;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
  opacity: 1;
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
  transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
  opacity: 1;
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
  transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
  opacity: 1;
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
  opacity: 1;
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
  opacity: 1;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, -2000px, 0);
  transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
  opacity: 1;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, -2000px, 0);
  transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
  opacity: 0;
  }
  to {
  opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
  opacity: 0;
  }
  to {
  opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -2000px, 0);
  transform: translate3d(0, -2000px, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes fadeInDownBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -2000px, 0);
  transform: translate3d(0, -2000px, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes fadeInLeft {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
  transform: translate3d(-2000px, 0, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
  transform: translate3d(-2000px, 0, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes fadeInRightBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes fadeInUpBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
  transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
  transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, -2000px, 0);
  transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, -2000px, 0);
  transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
  -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
  transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  }
  40% {
  -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
  transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  }
  50% {
  -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
  transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  80% {
  -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
  transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  to {
  -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
  transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
  -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
  transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  }
  40% {
  -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
  transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  }
  50% {
  -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
  transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  80% {
  -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
  transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  to {
  -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
  transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
  -webkit-transform: perspective(400px) rotateX(90deg);
  transform: perspective(400px) rotateX(90deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotateX(-20deg);
  transform: perspective(400px) rotateX(-20deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotateX(10deg);
  transform: perspective(400px) rotateX(10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotateX(-5deg);
  transform: perspective(400px) rotateX(-5deg);
  }
  to {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
  -webkit-transform: perspective(400px) rotateX(90deg);
  transform: perspective(400px) rotateX(90deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotateX(-20deg);
  transform: perspective(400px) rotateX(-20deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotateX(10deg);
  transform: perspective(400px) rotateX(10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotateX(-5deg);
  transform: perspective(400px) rotateX(-5deg);
  }
  to {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
  -webkit-transform: perspective(400px) rotateY(90deg);
  transform: perspective(400px) rotateY(90deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotateY(-20deg);
  transform: perspective(400px) rotateY(-20deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotateY(10deg);
  transform: perspective(400px) rotateY(10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotateY(-5deg);
  transform: perspective(400px) rotateY(-5deg);
  }
  to {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
  -webkit-transform: perspective(400px) rotateY(90deg);
  transform: perspective(400px) rotateY(90deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotateY(-20deg);
  transform: perspective(400px) rotateY(-20deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotateY(10deg);
  transform: perspective(400px) rotateY(10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotateY(-5deg);
  transform: perspective(400px) rotateY(-5deg);
  }
  to {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  30% {
  -webkit-transform: perspective(400px) rotateX(-20deg);
  transform: perspective(400px) rotateX(-20deg);
  opacity: 1;
  }
  to {
  -webkit-transform: perspective(400px) rotateX(90deg);
  transform: perspective(400px) rotateX(90deg);
  opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  30% {
  -webkit-transform: perspective(400px) rotateX(-20deg);
  transform: perspective(400px) rotateX(-20deg);
  opacity: 1;
  }
  to {
  -webkit-transform: perspective(400px) rotateX(90deg);
  transform: perspective(400px) rotateX(90deg);
  opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  30% {
  -webkit-transform: perspective(400px) rotateY(-15deg);
  transform: perspective(400px) rotateY(-15deg);
  opacity: 1;
  }
  to {
  -webkit-transform: perspective(400px) rotateY(90deg);
  transform: perspective(400px) rotateY(90deg);
  opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  30% {
  -webkit-transform: perspective(400px) rotateY(-15deg);
  transform: perspective(400px) rotateY(-15deg);
  opacity: 1;
  }
  to {
  -webkit-transform: perspective(400px) rotateY(90deg);
  transform: perspective(400px) rotateY(90deg);
  opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
  -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
  transform: translate3d(100%, 0, 0) skewX(-30deg);
  opacity: 0;
  }
  60% {
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: skewX(-5deg);
  transform: skewX(-5deg);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes lightSpeedIn {
  0% {
  -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
  transform: translate3d(100%, 0, 0) skewX(-30deg);
  opacity: 0;
  }
  60% {
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: skewX(-5deg);
  transform: skewX(-5deg);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
  opacity: 1;
  }
  to {
  -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
  transform: translate3d(100%, 0, 0) skewX(30deg);
  opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
  opacity: 1;
  }
  to {
  -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
  transform: translate3d(100%, 0, 0) skewX(30deg);
  opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(-200deg);
  transform: rotate(-200deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(-200deg);
  transform: rotate(-200deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
  -webkit-transform-origin: center;
  transform-origin: center;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(200deg);
  transform: rotate(200deg);
  opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
  -webkit-transform-origin: center;
  transform-origin: center;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(200deg);
  transform: rotate(200deg);
  opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  }
  20%, 60% {
  -webkit-transform: rotate(80deg);
  transform: rotate(80deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  }
  40%, 80% {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  opacity: 1;
  }
  to {
  -webkit-transform: translate3d(0, 700px, 0);
  transform: translate3d(0, 700px, 0);
  opacity: 0;
  }
}

@keyframes hinge {
  0% {
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  }
  20%, 60% {
  -webkit-transform: rotate(80deg);
  transform: rotate(80deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  }
  40%, 80% {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  opacity: 1;
  }
  to {
  -webkit-transform: translate3d(0, 700px, 0);
  transform: translate3d(0, 700px, 0);
  opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  0% {
  opacity: 0;
  -webkit-transform: scale(0.1) rotate(30deg);
  transform: scale(0.1) rotate(30deg);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  }
  50% {
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  }
  70% {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  }
  to {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}

@keyframes jackInTheBox {
  0% {
  opacity: 0;
  -webkit-transform: scale(0.1) rotate(30deg);
  transform: scale(0.1) rotate(30deg);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  }
  50% {
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  }
  70% {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  }
  to {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
  transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes rollIn {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
  transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
  transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
  transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
  opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
  opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
  opacity: 1;
  }
  50% {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
  opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
  opacity: 1;
  }
  50% {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
  opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
  transform: scale(0.1) translate3d(-2000px, 0, 0);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
  transform: scale(0.1) translate3d(-2000px, 0, 0);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
  transform: scale(0.1) translate3d(2000px, 0, 0);
  -webkit-transform-origin: right center;
  transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
  transform: scale(0.1) translate3d(2000px, 0, 0);
  -webkit-transform-origin: right center;
  transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  visibility: visible;
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes slideInDown {
  0% {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  visibility: visible;
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  visibility: visible;
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes slideInLeft {
  0% {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  visibility: visible;
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  visibility: visible;
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes slideInRight {
  0% {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  visibility: visible;
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  visibility: visible;
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes slideInUp {
  0% {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  visibility: visible;
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  to {
  visibility: hidden;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  to {
  visibility: hidden;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  to {
  visibility: hidden;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  to {
  visibility: hidden;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  to {
  visibility: hidden;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  to {
  visibility: hidden;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  to {
  visibility: hidden;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  to {
  visibility: hidden;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
}

.animated.faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (prefers-reduced-motion: reduce), (print) {
  .animated {
  -webkit-animation-duration: 1ms !important;
  animation-duration: 1ms !important;
  -webkit-transition-duration: 1ms !important;
      -o-transition-duration: 1ms !important;
     transition-duration: 1ms !important;
  -webkit-animation-iteration-count: 1 !important;
  animation-iteration-count: 1 !important;
  }
}

/*--- Animates ---------*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!DEĞİŞTİRMEYİN!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*************************************************/
/* SCSS DEFAULT BEGIN */
/*************************************************/
@-ms-viewport {
  width: device-width;
}

::-moz-selection {
  background: #999;
  color: #fff;
}

::selection {
  background: #999;
  color: #fff;
}

*, *::before, *::after {
  -webkit-box-sizing: border-box;
      box-sizing: border-box;
}

html {
  height: 100%;
}

body{font-family: 'Trebuchet MS'; overflow-x: hidden;}
body {
  overflow-x: hidden;
}

body:before {content: "";position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);opacity: 0;z-index: 999;pointer-events: none;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}

body.userbar-active:before {
    opacity: 1;
}

body.hidden, html.hidden{overflow: hidden;margin-right: 0;}

body.search-hidden, html.search-hidden{overflow: hidden;margin-right: 0;}

body.list-hidden, html.list-hidden{overflow: hidden;margin-right: 0;}


a {
  -webkit-text-decoration-skip: objects;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

a:hover {
  text-decoration: none;
}

*, :focus {
  outline: 0;
}

*, ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

::-moz-focus-inner {
  border: 0;
}

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

input[type="radio"], input[type="checkbox"] {
  -webkit-box-sizing: border-box;
      box-sizing: border-box;
  padding: 0;
}

input, textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }

[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #2c3033;
}

::-webkit-scrollbar-thumb {
  background: #cc1517;
}

img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* General Begin */
.map-scope {
  width: 100%;
  height: 400px;
}

.map-scope .map-info {
  padding: 0.5rem;
  background: #3c3c3c;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
}

.map-scope .map-info h3 {
  font-size: 1rem;
  font-weight: 800;
}

.map-scope .map-info a {
  color: #969696;
}

.map-scope .map-info a:hover, .map-scope .map-info a:focus {
  color: #ffffff;
}

/* General End */
/* /[BASE STYLES] */
/* [404]  */
.nf404-full {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
    -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: center;
    -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  background: #242E44;
  min-height: 100vh;
  width: 100%;
}

.nf404-full .svg {
  margin-bottom: 2rem;
  min-height: 350px;
  overflow: hidden;
  position: relative;
}

.nf404-full .svg svg {
  max-width: 100%;
}

.nf404-full h2 {
  font-weight: bold;
  font-size: 25px;
  color: #90CBFF;
  margin-bottom: .5rem;
}

.nf404-full h3 {
  font-size: 20px;
  color: #90CBFF;
  margin-bottom: 2rem;
}

.nf404-full a {
  display: inline-block;
  -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  border: 2px solid #1C91F6;
  padding: 1rem 2rem;
  color: #90CBFF;
  border-radius: 3rem;
  -webkit-box-shadow: inset 0 0 0 #1C91F6;
      box-shadow: inset 0 0 0 #1C91F6;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.nf404-full a svg {
  margin-right: 1rem;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 100%;
  max-width: 200%;
}

@media only screen and (max-width: 767px) {
  .nf404-full a svg {
  width: 200%;
  max-width: 200%;
  }
  .welcome-video-area {
        padding-top: 120px;
    }
    .welcome-image-area h2,
    .single-slide-item h2,
    .welcome-video-area h2 {
        font-size: 24px;
    }
}

.nf404-full a:hover {
  -webkit-box-shadow: inset 0 0 15px rgba(28, 145, 246, 0.3);
      box-shadow: inset 0 0 15px rgba(28, 145, 246, 0.3);
}

.nf404 {
  position: relative;
  text-align: center;
}

.nf404 .svg svg line {
    stroke: #000000;
}

.nf404 .svg svg path {
    fill: #cc1517;
}

.nf404 a svg path {
    fill: #59616f;
}

.page.nf404 {
    min-height: initial;
    padding: 130px 0 110px;
}

.nf404 .svg {
  margin-bottom: 2rem;
  min-height: 350px;
  overflow: hidden;
  position: relative;
}

.nf404 .svg svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.nf404 .svg svg > g > g:nth-child(2) {-webkit-transform: translate(-24px, -80px);-ms-transform: translate(-24px, -80px);transform: translate(-24px, -80px);}

.nf404 .svg svg > g > g:nth-child(1) {
    -webkit-transform: translate(-20px, -20px);
        -ms-transform: translate(-20px, -20px);
            transform: translate(-20px, -20px);
}

.nf404 h2 {
  font-weight: bold;
  font-size: 25px;
  color: #343942;
  margin-bottom: .5rem;
}

.nf404 h3 {
  font-size: 20px;
  color: #343942;
  margin-bottom: 2rem;
}

.nf404 a {
  display: inline-block;
  border: 2px solid #59616f;
  padding: 1rem 2rem;
  color: #59616f;
  border-radius: 3rem;
  -webkit-box-shadow: inset 0 0 0 #59616f;
  box-shadow: inset 0 0 0 #59616f;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.nf404 a svg {
  margin-right: 1rem;
  display: inline-block;
}

.nf404 a:hover {
  -webkit-box-shadow: inset 0 0 15px rgba(42, 168, 80, 0.3);
  box-shadow: inset 0 0 15px rgba(42, 168, 80, 0.3);
}

@media only screen and (max-width: 991px){
    .nf404 .svg svg {
        width: 190%;
    }
    .page.nf404 {
        padding-top: 90px;
    }
}

@media only screen and (max-width: 767px){
    .nf404 .svg {
        min-height: 200px;
        margin-bottom: 0;
    }

    .nf404 h2 {
        font-size: 15px;
    }

    .nf404 h3 {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .nf404 a {
        padding: 13px 25px;
        -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
                transform: scale(0.8);
    }

    .nf404 a svg {
        margin-right: 10px;
        width: 20px;
    }

    .page.nf404 {
        padding: 60px 0 80px;
    }
}

/* /[404]  */
/* [BREADCRUMB]  */
.breadcrumb {
  margin: 0;
  padding: 0;
  background: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.title-first h1 {
  margin-bottom: 10px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}

ol.breadcrumb li {
  color: #ffffff;
  font-size: 20px;
}

ol.breadcrumb li a {
  color: #ffffff;
}

ol.breadcrumb li a:hover {
  color: #ececec;
}

ol.breadcrumb li.active {
  color: #ffffff;
  /* font-weight: bold; */
}

ol.breadcrumb li + li:before {
  color: #ffffff;
}

ol.breadcrumb .breadcrumb-item.breadcrumb-item:before {
  color: #ffffff;
}

/* / [BREADCRUMB]  */
/* [ALERT STYLES] */
.alert {
  padding: 0;
  position: relative;
  line-height: 25px;
  border-width: 0;
  margin-bottom: 17px;
  color: #ffffff;
}

.alert .icon {
  width: 55px;
  font-size: 1.846rem;
  vertical-align: middle;
  text-align: center;
  line-height: 22px;
  display: table-cell;
  cursor: default;
  padding-top: 1px;
}

.alert .icon span {
  width: 25px;
}

.alert .close {
  position: absolute;
  font-size: 1.538rem;
  right: 1.385rem;
  text-shadow: none;
  padding: 1.5388rem 0;
  opacity: .2;
  right: 4px;
  top: -20px;
}

.alert .message {
  display: table-cell;
  padding: 1.385rem 2.1542rem 1.385rem 0.231rem;
  border-left-width: 0;
}

.alert .message > p, .alert .message > ul {
  margin-bottom: 0;
}

.alert .message > p + p {
  margin-top: 5px;
}

.alert.alert-spec {
  padding: 0;
  position: relative;
  width: 100%;
}

.alert.alert-spec > .icon {
  display: table-cell;
  width: 60px;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.25);
}

.alert.alert-spec > .message {
  display: table-cell;
  padding: 14px 15px;
  border-left-width: 0;
}

.alert.alert-icon {
  background-color: #FFFFFF;
  border: 0;
  padding: 0;
  position: relative;
  width: 100%;
  display: table;
  table-layout: fixed;
  -webkit-box-shadow: 0.5px 0.9px 0 rgba(0, 0, 0, 0.07);
      box-shadow: 0.5px 0.9px 0 rgba(0, 0, 0, 0.07);
}

.alert.alert-icon > .icon {
  position: relative;
  display: table-cell;
  width: 60px;
  text-align: center;
  vertical-align: middle;
  cursor: default;
}

.alert.alert-icon > .icon:after {
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -10px;
  width: 0;
  height: 0;
  content: '';
  z-index: 2;
  border-left: 11px solid #FFFFFF;
  -moz-transform: scale(0.9999);
  border-bottom: 11px solid transparent;
  border-top: 11px solid transparent;
}

.alert.alert-icon > .message {
  display: table-cell;
  padding: 1.385rem 1.385rem;
  color: #404040;
  border: 1px solid #d4d4d4;
  border-left-width: 0;
}

.alert.alert-icon.alert-dismissible .close, .alert.alert-icon.alert-dismissible .close:focus {
  color: #404040;
  opacity: 0.35;
}

.alert.alert-icon.alert-dismissible .close:hover, .alert.alert-icon.alert-dismissible .close:focus:hover {
  color: #404040;
  opacity: 0.5;
}

.alert.alert-icon.alert-primary > .icon {
  background-color: #4285f4;
}

.alert.alert-icon.alert-primary > .icon:after {
  border-left-color: #4285f4;
}

.alert.alert-icon.alert-success > .icon {
  background-color: #34a853;
}

.alert.alert-icon.alert-success > .icon:after {
  border-left-color: #34a853;
}

.alert.alert-icon.alert-info .icon {
  background-color: #6ba4ff;
}

.alert.alert-icon.alert-info .icon:before {
  border-left-color: #6ba4ff;
}

.alert.alert-icon.alert-warning > .icon {
  background-color: #fbbc05;
}

.alert.alert-icon.alert-warning > .icon:after {
  border-left-color: #fbbc05;
}

.alert.alert-icon.alert-danger > .icon {
  background-color: #ea4335;
}

.alert.alert-icon.alert-danger > .icon:after {
  border-left-color: #ea4335;
}

.alert.alert-icon.alert-light {
  outline-color: #d4d4d4;
}

.alert.alert-icon.alert-light > .icon {
  background-color: #FFFFFF;
  border-right: 1px solid #d4d4d4;
}

.alert.alert-icon.alert-light > .icon:after {
  border-left-color: #FFFFFF;
  position: absolute;
  right: -22px;
  top: 50%;
  margin-top: -10px;
  width: 0;
  height: 0;
  content: '';
  z-index: 2;
  border: solid transparent;
  border-width: 11px;
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #d4d4d4;
}

.alert.alert-icon.alert-light > .message {
  border: 0px;
}

.alert.alert-icon.alert-dark > .icon {
  background-color: #a1a1a1;
}

.alert.alert-icon.alert-dark > .icon:after {
  border-left-color: #a1a1a1;
}

.alert.alert-primary {
  background-color: #d5eff9;
  border: 1px solid #b2dff1;
}

.alert.alert-success {
  background-color: #c5efd0;
  border: 1px solid #94d2a4;
}

.alert.alert-info {
  background-color: #dde8f9;
  border: 1px solid #b3c1d6;
}

.alert.alert-warning {
  background-color: #fdf4db;
  border: 1px solid #ecd5a0;
}

.alert.alert-danger {
  background-color: #ffe6e4;
  border: 1px solid #f5c1c1;
}

.alert.alert-light {
  background-color: #ffffff;
  outline: 1px solid rgba(115, 115, 115, 0.08);
  color: #404040;
}

.alert.alert-light > .icon {
  color: #737373;
}

.alert.alert-light.alert-spec > .icon {
  background-color: rgba(115, 115, 115, 0.08);
}

.alert.alert-dark {
  background-color: #ffffff;
}

.alert.alert-dismissible.alert-primary .close {
  color: #093d94;
}

.alert.alert-dismissible.alert-primary .close:hover {
  color: #093d94;
  opacity: 0.5;
}

.alert.alert-dismissible.alert-success .close {
  color: #103319;
}

.alert.alert-dismissible.alert-success .close:hover {
  color: #103319;
  opacity: 0.5;
}

.alert.alert-dismissible.alert-info .close {
  color: #0050d1;
}

.alert.alert-dismissible.alert-info .close:hover {
  color: #0050d1;
  opacity: 0.5;
}

.alert.alert-dismissible.alert-warning .close {
  color: #654c02;
}

.alert.alert-dismissible.alert-warning .close:hover {
  color: #654c02;
  opacity: 0.5;
}

.alert.alert-dismissible.alert-danter .close {
  color: #79150d;
}

.alert.alert-dismissible.alert-danter .close:hover {
  color: #79150d;
  opacity: 0.5;
}

.alert.alert-dismissible.alert-light .close {
  color: #404040;
  opacity: 0.35;
}

.alert.alert-dismissible.alert-light .close:hover {
  color: #404040;
  opacity: 0.5;
}

.alert.alert-dismissible.alert-dark .close {
  color: #ffffff;
  opacity: 0.35;
}

.alert.alert-dismissible.alert-dark .close:hover {
  color: #404040;
  opacity: 0.5;
}

.alert.alert-spec.alert-dismissible.alert-success {
  color: #03982a;
}

.alert.alert-spec.alert-dismissible.alert-success div.icon span:before {
  color: #39a355;
}

.alert.alert-spec.alert-dismissible.alert-info {
  color: #2858a2;
}

.alert.alert-spec.alert-dismissible.alert-info div.icon span:before {
  color: #4273bd;
}

.alert.alert-spec.alert-dismissible.alert-warning {
  color: #b57e01;
}

.alert.alert-spec.alert-dismissible.alert-warning div.icon span:before {
  color: #dca321;
}

.alert.alert-spec.alert-dismissible.alert-danger {
  color: #e30505;
}

.alert.alert-spec.alert-dismissible.alert-danger div.icon span:before {
  color: red;
}

.alert.alert-spec.alert-dismissible.alert-primary {
  color: #00959e;
}

.alert.alert-spec.alert-dismissible.alert-primary div.icon span:before {
  color: #2fc1ca;
}

/* /[ALERT STYLES] */
.captcha {
  position: relative;
}

.captcha a {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 26px;
  height: 26px;
  background: #101A2B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  -webkit-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
     transition-duration: 0.8s;
  transition-property: -webkit-transform;
  -webkit-transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  color: #fff;
  margin-top: -13px;
}

.captcha a:hover {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
      transform: rotate(360deg);
}

.captcha img.captcha_img {
  width: 100%;
  height: 50px;
  position: relative;
  /* border: 1px solid #ced4da; */
  border-radius: 50px;
  border: 2px solid rgba(16, 26, 43, 0.25);
}

.contact-bottom .captcha img.captcha_img {
    border: 2px solid rgb(118, 124, 134, 0.6
    );
}

a.button.button-facebook {
  background: #3b5998;
  color: #fff;
  padding: 11px 73px;
  border-radius: 4px;
  display: table;
  text-transform: uppercase;
  margin: auto;
  width: auto !important;
}

/* #! FORM GROUP BEGIN */
.form-group .col-form-label {
  display: block;
}

.form-group .form-control {
  height: 50px;
  border-radius: 25px;
  background: transparent;
  border: 1px solid #101A2B;
  opacity: 0.6;
  font-size: 14px;
  color: #909691;
  font-weight: normal;
  padding-left: 20px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.form-group .input-group .input-group-prepend .input-group-text {
  font-size: .875rem;
}

.form-group .input-group .custom-file .custom-file-label::after {
  display: none;
}

.form-group .submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
    -ms-flex-pack: end;
      justify-content: flex-end;
}

.form-group .submit .btn {
  display: block;
  font-size: .875rem;
}

/* FROM GROUP END*/
/* #! SELECT2 BEGIN */

.select2-container {
  display: block;
}

.select2-container.active {
  display: block;
  width: auto !important;
}

.select2-dropdown {
    z-index: 9999;
}

.infoedit-select-dp .select2-search--dropdown {
  display: block;
}
.basket-select-dp .select2-search--dropdown {
  display: block;
}
span.select2-container.select2-container--default.select2-container--open.remove-select {
    display: none;
}

.select2-container--default.select2-container--open  .select2-selection--single .select2-selection__arrow b:before {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.select2-container .select2-selection--single {
  width: 100%;
  height: 50px;
  border-radius: 25px;
  background: transparent;
  border: 1px solid #1a1255;
  opacity: 0.6;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 1rem;
  line-height: 48px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  width: 10px;
  height: 10px;
  margin-top: 0;
  margin-left: 0;
  left: -5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {content: "";position: absolute;top: 0;left: 0;width: 8px;height: 14px;background-image: url(../img/svg/slider-arrow.svg);background-repeat: no-repeat;background-size: cover;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 5px
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #cc1517;
}

.select2-results__option {
  padding: .5rem 1rem
}

.select2-container--default .select2-results__option[aria-selected=true] {background: #cc1517; color: #fff;}

/* SELECT2 END */
/* SUPPORT MESSAGE AREA BEGIN */
.support .support-message-area .media img {
  -o-object-fit: cover;
   object-fit: cover;
  width: 64px;
  height: 64px;
}

/* SUPPORT MESSAGE AREA END */
.modal-custom .modal-header {
  border-bottom: 0;
}

.modal-custom .modal-icon {
  display: block;
  text-align: center;
  margin-top: -2rem;
}

.modal-custom .modal-icon > * {
  display: inline-block;
  font-size: 3.75rem;
}

.modal-custom .modal-title {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 1rem;
}

.modal-custom .modal-summary {
  text-align: center;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

/* ACCORDION BEGIN */

.accordion .btn-link {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: .75rem 0 10px;
  font-weight: bold;
  font-size: 16px;
  color: #54585f;
  opacity: 1;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none !important;
  text-decoration: none;
}

.accordion .btn-link .mdi {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
      transform: rotate(90deg)
}

.accordion .btn-link.collapsed .mdi {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
      transform: rotate(0)
}

.accordion .btn-link.collapsed:hover .mdi {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg)
}
/* ACCORDION END */

/* SECTION LOADER BEGIN */
.product-list .section-loader:after {
    left: -40px;
    width: 110%;
}

.section-loader{position:relative;/* min-height:18vh; */}
.section-loader:after{position:absolute;display:block;visibility:hidden;opacity:0;content:"";top:0;left:0;height:100%;width:100%;background:rgba(255, 255, 255, 0.7);-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;z-index:2;}
.section-loader .section-loader-spinner{display:none;position:absolute;top:50%;right:50%;margin-top:-20px;margin-right:-20px;z-index: 11;}
.section-loader .section-loader-spinner svg{-webkit-animation:spinner-rotation 1.4s linear infinite;animation:spinner-rotation 1.4s linear infinite;stroke: #cc1517;}
.section-loader .section-loader-spinner svg .circle{ stroke-dasharray:187; stroke-dashoffset:0; -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center; -webkit-animation:spinner-turn 1.4s ease-in-out infinite; animation:spinner-turn 1.4s ease-in-out infinite;}
.section-loader-active:after{ visibility:visible; opacity:1;}
.section-loader-active .section-loader-spinner{display:block;}
@-webkit-keyframes spinner-rotation{ 0%{ -webkit-transform:rotate(0); transform:rotate(0);}
 100%{ -webkit-transform:rotate(270deg); transform:rotate(270deg);}
}
@-webkit-keyframes spinner-rotation{ 0%{ -webkit-transform:rotate(0); transform:rotate(0);}
 100%{ -webkit-transform:rotate(270deg); transform:rotate(270deg);}
}
@keyframes spinner-rotation{ 0%{ -webkit-transform:rotate(0); transform:rotate(0);}
 100%{ -webkit-transform:rotate(270deg); transform:rotate(270deg);}
}
@-webkit-keyframes spinner-turn{ 0%{ stroke-dashoffset:187;}
 50%{ stroke-dashoffset:46.75; -webkit-transform:rotate(135deg); transform:rotate(135deg);}
 100%{ stroke-dashoffset:187; -webkit-transform:rotate(450deg); transform:rotate(450deg);}
}
@-webkit-keyframes spinner-turn{ 0%{ stroke-dashoffset:187;}
 50%{ stroke-dashoffset:46.75; -webkit-transform:rotate(135deg); transform:rotate(135deg);}
 100%{ stroke-dashoffset:187; -webkit-transform:rotate(450deg); transform:rotate(450deg);}
}
@keyframes spinner-turn{ 0%{ stroke-dashoffset:187;}
 50%{ stroke-dashoffset:46.75; -webkit-transform:rotate(135deg); transform:rotate(135deg);}
 100%{ stroke-dashoffset:187; -webkit-transform:rotate(450deg); transform:rotate(450deg);}
}

/* [ADRES]  */
  .edit a:hover{ background:#36312c; color:#fff;}
  .adres-sol{ padding-right:13px; max-width:240px;}
  .adres-top .info,.edit a{ background:#fff; float:left;}
  .adres-item.adres-ekle a i{ display:block; text-align:center; margin-bottom:8px;}
  .adres-item.adres-ekle a{ line-height:normal; font-weight:700; color:#ededed; height:100%; padding:0; display:block; text-align:center; -webkit-transition:all .4s; -o-transition:all .4s; transition:all .4s; min-height:243px; padding-top:43px;}
  .adres-item.adres-ekle a:hover,.adres-item.adres-ekle a:hover i:before{ color:#122c48; -webkit-transition:all .4s; -o-transition:all .4s; transition:all .4s;}
  .adres-item.adres-ekle a i:before{ color:#eaeaea; display:inline-block; font-size:110px; -webkit-transition:all .4s; -o-transition:all .4s; transition:all .4s;}
  .adres-sol p{ font-size:11px; font-weight:500; color:#fff; line-height:25px; padding-left:0; padding-top:0; margin-bottom:0; height:75px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
  .edit{ padding-left:0; width:110px;}
  .edit a{ font-size:9px; width:50px; text-align:center; height:54px; padding-top:10px; -webkit-transition:all .4s; -o-transition:all .4s; transition:all .4s; border-radius:5px !important; border:1px solid #36312c; margin:0 2px; float:left; color:#000;}
  .edit a i{ display:block; text-align:center; margin-bottom:3px;}
  .edit a i:before{ color:#36312c; margin-left:0; font-size:18px;}
  .edit a:hover i:before{ color:#fff;}
  .adres-item{ padding:0; overflow:hidden; border:1px solid #eaeaea; border-radius:3px; margin-bottom:20px;}
  .adres-top{ width:100%; border-bottom:1px solid #eee; padding-bottom:0; float:left; min-height:90px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
  .adres-top .info{ width:100%; padding:0;}
  .adres-top .info span{ padding:2px 10px !important; color:#000; font-weight:400; float:left; width:100%; text-align:center;}
  .adres-top .info span:first-of-type{ padding-left:0; font-weight:700;}
  .adres-top .edit a{ padding:5px 15px; color:#6b6b6b; font-weight:400; font-size:12px;}
  .adres-top .edit a:first-of-type{ border-left:1px solid #c5c5c5;}
  .adres-top .edit .adres-del{ color:#ed131f;}
  .adress.adres-bilgi{ margin-bottom:30px; display:inline-block; width:100%;}
  .adres-bottom{ width:100%; background:#122c48; padding:0 20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; height:150px;}
/* /[ADRES]  */

/*  [USER SIDEBAR]  */
  .user-sidebar ul li{ float:left; width:100%; padding:0; border:0; margin:0; border-radius:0;}
  .user-sidebar{ margin:0px 0px 15px 0px; border:1px solid rgba(0, 0, 0, 0.05);}
  .user-sidebar ul li a{ padding:14px 20px; display:block; color:#000;}
  .user-sidebar ul li + li a{ border-top:1px solid #ededed;}
  .user-sidebar h4{ padding:20px 20px; margin-bottom:0; font-weight:400; text-align:center; font-size:18px; border-bottom:1px solid #ededed;}
  .user-sidebar ul li a:hover{ color:#fff; background:#122c48;}
  .user-sidebar ul li:last-child a i{ margin-right:7px;}
  .user-sidebar ul li:last-child a:hover{ background:#dc3545;}
  h5.user-title i{ padding-right:4px;}
  h5.user-title{ font-weight:500; margin-bottom:20px;}
/*  / [USER SIDEBAR]  */



.page.file-archive .form-group .select2-container{ width:100% !important;}
.page.file-archive .file-archive-process-container{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:1.5rem;}
.page.file-archive .file-archive-process-container .file-archive-search{ -webkit-box-flex:0; -ms-flex:0 0 27.5rem; flex:0 0 27.5rem; height:3rem; max-width:100%; margin-bottom:1rem;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; position:relative;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input{ border:1px solid #5D4AC7; padding-left:2.25rem; color:#5D4AC7; height:3rem; -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 4.5rem); flex:0 0 calc(100% - 4.5rem); border-radius:0;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input::-webkit-input-placeholder{ color:#5D4AC7;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input:-ms-input-placeholder{ color:#5D4AC7;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input::-ms-input-placeholder{ color:#5D4AC7;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input::-moz-placeholder{ color:#5D4AC7;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input::placeholder{ color:#5D4AC7;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group svg{ position:absolute; top:50%; left:1.25rem; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.page.file-archive .file-archive-process-container .file-archive-search .form-group svg path{ color:#5D4AC7;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group button{ -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s; background:#5D4AC7; color:#ffffff; height:3rem; -webkit-box-flex:0; -ms-flex:0 0 4.5rem; flex:0 0 4.5rem; border-radius:0;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group button:hover{ background:#4634aa;}
@media only screen and (max-width:991px){ .page.file-archive .file-archive-process-container .file-archive-search{ margin-bottom:3rem;}
}
.page.file-archive .file-archive-process-container .file-archive-group-select{ width:20rem; margin-bottom:1rem;}
.page.file-archive .file-archive-process-container .file-archive-group-select label{ position:absolute; margin-top:-.5rem; -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); color:#5D4AC7;}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2{ width:100% !important;}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single{ height:48px; border-color:#5D4AC7; border-radius:0; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single .select2-selection__rendered{ line-height:46px; color:#5D4AC7;}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single .select2-selection__arrow{ top:10px;}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single .select2-selection__arrow b{ border-color:#5D4AC7 transparent transparent transparent;}
.page.file-archive .file-archive-process-container .file-archive-search-result{ padding:.8rem 2rem; border:1px solid #5D4AC7; margin-bottom:1rem;}
.page.file-archive .file-archive-process-container .file-archive-search-result p{ color:#5D4AC7; margin:0; line-height:1rem;}
.page.file-archive .file-archive-process-container .file-archive-search-result p i{ margin-right:.5rem;}
@media only screen and (max-width:991px){ .page.file-archive .file-archive-process-container .file-archive-search{ -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%;}
 .page.file-archive .file-archive-process-container .file-archive-search-result{ -webkit-box-flex:0; -ms-flex:0 0 40%; flex:0 0 40%;}
}
@media only screen and (max-width:767px){ .page.file-archive .file-archive-process-container .file-archive-search{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%;}
 .page.file-archive .file-archive-process-container .file-archive-search-result{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%;}
}
.page.file-archive .file-list .table-responsive .table thead tr th{background: rgba(42, 168, 80, 0.05);font-size: 14px;color: #909691;position: relative;}
.page.file-archive .file-list .table-responsive .table tr th,.page.file-archive .file-list .table-responsive .table tr td{padding: 0.9rem 1.4rem;}
.page.file-archive .file-list .table-responsive .table tr th a,.page.file-archive .file-list .table-responsive .table tr td a{display: inline-block;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;font-size: 14px;color: #101a2b;}
.page.file-archive .file-list .table-responsive .table tr td a span:hover {
    color: #cc1517;
}

.page.file-archive .file-list .table-responsive .table tr td a span {
    color: #101a2b;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.page.file-archive .file-list .table-responsive .table tr th a:hover,.page.file-archive .file-list .table-responsive .table tr td a:hover{ color:#362883;}
.page.file-archive .file-list .table-responsive .table tr td:last-child a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.page.file-archive .file-list .table-responsive .table tr td:last-child a svg {
    width: 22px;
    height: 25px;
    fill: #cc1517;
}

.page.file-archive .file-list .table-responsive .table tr td:last-child a svg path {
    fill: #cc1517;
}

.page.file-archive .file-list .table-responsive .table tr td:last-child a svg {
    margin-right: 5px;
}
.page.file-archive-border-radius .file-archive-process-container .file-archive-search .form-group input{ border-top-left-radius:3rem; border-bottom-left-radius:3rem;}
.page.file-archive-border-radius .file-archive-process-container .file-archive-search .form-group button{ border-top-right-radius:3rem; border-bottom-right-radius:3rem;}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select{ width:20rem;}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select label{ position:absolute; margin-top:-.5rem; -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); color:#5D4AC7;}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select .select2{ width:100% !important;}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single{ border-radius:1.5rem;}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select .select2.select2-container--open .select2-selection--single{ border-bottom-right-radius:0; border-bottom-left-radius:0;}
.page.file-archive-border-radius .file-archive-process-container .file-archive-search-result{ border-radius:3rem;}
.page.file-archive-border-radius .file-list .table-responsive{border: 1px solid #F0F0F0;border-radius:1.5rem;position: relative;}
.page.file-archive-border-radius .file-list .table-responsive .table{margin-bottom:0;width:calc(100% + 1px);margin-left:-1px;margin-top:-1px;}
.page.file-archive-border-radius .file-list .table-responsive .table tr th:nth-last-child(1), .page.file-archive-border-radius .file-list .table-responsive .table tr td:nth-last-child(1){ border-right:0 !important;}
.page.file-archive-border-radius .file-list .table-responsive .table tr:nth-last-child(1) th, .page.file-archive-border-radius .file-list .table-responsive .table tr:nth-last-child(1) td{border-bottom:0 !important;}

.file-archive .file-container{display: -webkit-box;display: -ms-flexbox;display: flex;}
.file-archive .file-container .file-category .file-slide{display: none;}
.file-archive .file-container .file-category{max-width: 300px;-webkit-box-flex: 0;-ms-flex: 0 0 18%;flex: 0 0 18%;margin-right: 8.6vw;}
.file-archive .file-container .file-category ul{
    padding-left: 30px;
}

.file-archive .file-container .file-category ul li{list-style-image: url(../img/main/list-img.svg);padding-left: 5px;}
.file-archive .file-container .file-category ul li + li{margin-top: 15px;}
.file-archive .file-container .file-category ul li a{font-weight: bold;font-size: 22px;color: #6e7b91;}
.file-archive .file-container .file-category ul li a:hover{  }
.page.file-archive {
    padding: 140px 90px 200px;
}
.file-archive .file-container .file-category ul li a.active {
    color: #101A2B;
}

.file-archive .file-container .file-category ul li a:hover {
    color: #101A2B;
}

.file-archive .file-container .file-list {
    max-width: 1030px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
}


.page.file-archive .file-list .table-responsive .table tr td {
    font-weight: 500;
    font-size: 15px;
    color: #54585f;
    border: 1px solid #F0F0F0;
}

.page.file-archive .file-list .table-responsive .table tr td time {
    font-size: 14px;
    color: #909691;
}

.page.file-archive .file-list .table-responsive .table thead tr th:before {content: "";position: absolute;top: 0;bottom: 0;left: -2px;right: 0;}

.page.certificates .certificate-container ul{ border:1px solid rgba(151, 151, 151, 0.15); -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s; overflow:hidden; margin-bottom:1rem;}
.page.certificates .certificate-container ul li a{ font-size:14px; font-weight:600; line-height:1rem; min-height:62px; color:#5D4AC7; position:relative; padding:20px 52px 20px 34px; display:block;}
.page.certificates .certificate-container ul li a span{ position:absolute; right:40px; line-height:normal; top:calc(50% - 11px);}
.page.certificates .certificate-container ul li + li{ border-top:1px solid rgba(151, 151, 151, 0.15); background:#fff;}
.page.certificates .identification{ display:block; height:315px; position:relative; top:0; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s; overflow:hidden;}
.page.certificates .identification:before{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(30, 29, 29, 0.78); z-index:9; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.page.certificates .identification:hover{ -webkit-box-shadow:0 18px 25px 0 rgba(0, 0, 0, 0.11); box-shadow:0 18px 25px 0 rgba(0, 0, 0, 0.11); top:-10px;}
.page.certificates .identification:hover:before{ background:rgba(30, 29, 29, 0.32);}
.page.certificates .identification .corporate-identification{ height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; width:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.page.certificates .identification .corporate-identification h3{ font-size:17px; font-weight:600; font-style:normal; font-stretch:normal; line-height:1.65; letter-spacing:normal; text-align:center; color:#ffffff; margin-bottom:0; margin-top:12px; position:relative; z-index:9;}
.page.certificates .identification .corporate-identification h3 span{ display:block; font-weight:bold;}
.page.certificates .identification .corporate-identification-item{ background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; position:absolute; right:0; left:0; top:0; bottom:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column; flex-flow:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.page.certificates .identification .corporate-identification-item img{ width:154px; position:relative; z-index:9;}
.page.certificates .certificate-list a{ display:block; margin-bottom:2rem; overflow:hidden;}
.page.certificates .certificate-list a .certificate-item{ height:19rem; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.page.certificates .certificate-list a .certificate-item img{ display:block; max-width:100%; height:100%; -o-object-fit:cover; object-fit:cover; margin:0 auto;}
.page.certificates .certificate-list a:hover .certificate-item{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.page.certificates-border-radius .certificate-container ul{ border-radius:1.5rem;}
.page.certificates-border-radius .identification{ border-radius:1.5rem;}
.page.certificates-border-radius .certificate-list a{ border-radius:1.5rem;}

@media only screen and (max-width:1370px){
  .file-archive .file-container .file-category {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 300px;
    margin-right: 8vw;
  }
}

@media only screen and (max-width:1199px){
  .file-archive .file-container .file-category {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 200px;
    margin-right: 10vw;
  }
}

@media only screen and (max-width: 991px){
  .page.file-archive {padding: 90px 50px 100px;}

  .file-archive .file-container {
    display: block;
  }

  .file-archive .file-container .file-category {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
  }

  .file-archive .file-container .file-category ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 30px;
  }

  .file-archive .file-container .file-category ul li {
    width: auto;
    padding-left: 2px;
  }

  .file-archive .file-container .file-category ul li + li {
    margin-top: 0;
    margin-left: 60px;
  }

    .file-archive .file-container .file-category ul li:last-child {margin-right: 60px;}

  .file-archive .file-container .file-category ul li a {
    font-size: 19px;
    display: inline-block;
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px);
  }

  .file-archive .swiper-button-next, .file-archive .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-image: none;
    margin-top: -15px;
  }

  .file-archive .swiper-button-next svg, .file-archive .swiper-button-prev svg {
    width: 80%;
    height: 80%;
    position: relative;
  }

  .file-archive .swiper-button-next {
    right: 0px;
    margin-top: -15px;
  }

  .file-archive .swiper-button-prev {
    left: 0;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    margin-top: -17px;
  }

  .file-archive .swiper-button-next:before, .file-archive .swiper-button-prev:before {content: "";position: absolute;top: 0;bottom: 0;width: 100px;}

  .file-archive .swiper-button-next:before {
    left: auto;
    right: -10px;
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(transparent));
    background: -o-linear-gradient(right, #fff, transparent);
    background: linear-gradient(to left, #fff, transparent);
  }

  .file-archive .swiper-button-prev:before {
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(transparent));
    background: -o-linear-gradient(right, #fff, transparent);
    background: linear-gradient(to left, #fff, transparent);
    left: -68px;
  }

  .file-archive .file-container .file-category .file-slide{display: block;}
}

@media only screen and (max-width:767px){
  .page.file-archive {
    padding: 80px 30px 60px;
  }

  .page.file-archive .file-list .table-responsive .table tr td:nth-child(1) {
    min-width: 300px;
    vertical-align: inherit;
  }

  .page.file-archive .file-list .table-responsive .table tr td:nth-child(2) {
    min-width: 170px;
  }

  .file-archive .file-container .file-category ul li a {
    font-size: 17px;
  }

  .file-archive .file-container .file-category ul li {}

  .file-archive .file-container .file-category {
    margin-bottom: 40px;
  }

  .file-archive .swiper-button-next, .file-archive .swiper-button-prev {
    margin-top: -17px;
    width: 25px;
    height: 25px;
  }

  .file-archive .swiper-button-prev {
    margin-top: -14px;
  }
}

@media only screen and (max-width:560px){
  .page.certificates .certificate-list a .certificate-item img{ max-width:initial; height:initial; max-height:100%; width:100%;}
}

/* [URUN LISTE ]  */
.productList .sidebar{ padding:25px 0 0; border:2px solid #f4e7da; -webkit-box-sizing:border-box; box-sizing:border-box;}
.productList .sidebar ul li a{ padding:15px; display:block; position:relative; border-bottom:1px solid #f5ede4; font-family:Trebuchet MS; font-size:14px; font-weight:400; line-height:normal; color:#36312c;}
.productList .sidebar > ul > li:last-child > a{ border-bottom:none;}
.productList .sidebar > ul{ position:relative; padding-bottom:0;}
.productList .sidebar > ul > li > ul{ background:#fbf7f2; width:100%; padding:0;}
.productList .side-drop2 > ul{ display:none;}
li.side-drop > ul{ display:none;}
.sidebar > ul > li > i{ position:absolute; right:10px; top:20px;}
.sidebar > ul > li{ position:relative;}
.sideTitle{ font-style:normal; font-stretch:normal; letter-spacing:normal; color:#000; padding:13px 0; background:#f5ede4; margin:0 10px 30px; font-size:19px; font-weight:500; text-align:center;}
.productList .sidebar li h3{ font-weight:400; line-height:normal; color:#000; margin:0; padding:0; border-bottom:solid 2px #f5ede4; border-top:0; text-align:center; line-height:normal; font-size:20px; padding:13px 0; margin:0px 0px 0;}
ul.costum-scroll{ padding:20px !important; display:inline-block;}
.productList .sidebar > ul > li.active > a{ background:#000; color:#fff; font-weight:bold;}
.productList .sidebar .select{ padding:0; margin-bottom:20px;}
.sidebar ul li.side-drop.active > ul{ display:block;}
.productList .sidebar > ul > li > ul > li > ul{ padding:0;}
li.side-drop2.active .opened a{ font-weight:bold; background:#122c48; color:#fff;}
li.side-drop2.active > a{ background:#000; color:#fff !important; font-weight:bold !important;}
li.side-drop.active > a{ background:#000; color:#fff !important; font-weight:bold !important;}
li.side-drop.active > ul > li.active > a{ background:#071320; color:#fff; padding-left:15px; font-weight:bold;}
li.side-drop.active > ul > li > a{ padding:15px 25px !important;}
.productList .sidebar > ul > li > ul > li > ul > li > a{ padding:15px 50px !important;}
li.side-drop2.active ul{ display:block;}

/* Contact */
.contact-page .page-title .page-title-content { background: none !important; }
.contact-page .page-title .page-title-content:before { display: none; }
.contact-page .page-title .page-title-content:after { display: none; }
.contact-page .page-title {position: absolute;z-index: 9;top: 0;left: 50%;transform: translate(-50%, 0px);}
.contact .contact-top:before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 418px;background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0)));background: -o-linear-gradient(#000 0%, rgba(0, 0, 0, 0) 100%);background: linear-gradient(#000 0%, rgba(0, 0, 0, 0) 100%);opacity: 0.76;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none;z-index: 1;}
.contact-top {position: relative;top: 0;right: 0;left: 0;height: 80vh;}
.contact-page .page-title:after {
    display: none;
}

.contact-info{position: absolute;bottom: -9vh;left: 0;right: 0;text-align: center;}
.contact-info .contact-info-row{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.contact-info .contact-info-row .contact-info-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background: #f1f1f1;border-radius: 30px;text-align: left;padding: 3.1vw 1.8vw;min-height: 210px;}
.contact-info .contact-info-row .contact-info-item:nth-child(1),.contact-info .contact-info-row .contact-info-item:nth-child(3) {
    min-width: 320px;
}
.contact-info .contact-info-row .contact-info-item + .contact-info-item{margin-left: 20px;}
.contact-info .contact-info-row .contact-info-item svg{margin-right: 25px;width: 3.6vw;height: 3.6vw;}
.contact-info .contact-info-row .contact-info-item .contact-info-item-text{  }
.contact-info .contact-info-row .contact-info-item .contact-info-item-text h3{font-weight: 600;font-size: 20px;color: black;}
.contact-info .contact-info-row .contact-info-item .contact-info-item-text .contact-info-item-content{}
.contact-info .contact-info-row .contact-info-item .contact-info-item-text .contact-info-item-content a, .contact-info .contact-info-row .contact-info-item .contact-info-item-text .contact-info-item-content p{font-weight: 500;font-size: 15px;color: .contact-info .contact-info-row .contact-info-item;display: block;}
.contact-info .contact-info-row .contact-info-item .contact-info-item-text .contact-info-item-content a + a{  }
.contact-info .contact-info-row .contact-info-item .contact-info-item-text .contact-info-item-content a:hover {
    color: #58dc7e;
}
.contact-info .contact-info-row .contact-info-item .contact-info-item-text .contact-info-item-content p {
    max-width: 400px;
}
.contact-bottom-content .social-media ul li + li:before {
    background: #7F8CA3;
}

.contact-bottom-content .social-media ul li a:hover svg path {
    fill: #cc1517;
}

.contact-bottom-content .social-media ul li a svg path {
    fill: #7F8CA3;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.contact-bottom-content .social-media ul {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.map-responsive{height: 100%;overflow: hidden;}
.map-responsive iframe{height: 170%;width:100%;margin-top: -200px;}
.contact-bottom{padding: 14vw 0 130px;margin-top: 0;}
.contact-bottom-content {
    text-align: right;
    border-right: 1px solid #cc1517;
    padding-right: 4.2vw;
    margin-right: 4.2vw;
    position: relative;
}

.contact-bottom .form-group .submit {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 31%;
            flex: 0 0 31%;
    padding-right: 45px;
    margin-left: 5px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: normal;
}

.contact-bottom .form-group .form-control:focus {
  border-color: #cc1517;
}

.contact-bottom .form-group.active .form-control {
  border-color: #cc1517;
}

.contact-bottom .contact-captcha .form-row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin-right: 10px;
}

.contact-bottom-content:before {content: "";position: absolute;top: 0;bottom: 0;right: 0;width: 150px;background: -webkit-gradient(linear, right top, left top, from(#cc1517), to(#ffffff00));background: -o-linear-gradient(right, #cc1517, #ffffff00);background: linear-gradient(to left, #cc1517, #ffffff00);opacity: 0.05;pointer-events: none;}

.contact .form-group .submit {
    background: none;
    /* border: none; */
    outline: none !important;
    margin-left: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.contact .form-group .form-control {
    border: 2px solid rgba(16, 26, 43, 0.25);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.contact-bottom .contact-form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 -5px;
}

.contact .form-group.active .form-control, .contact .form-group .form-control:focus {
    border-color: #cc1517;
}

.contact .form-group .submit.button:hover {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    background: #cc1517;
    color: #fff;
}

.contact .form-group .submit.button {
    padding: 12px 0 12px;
    width: 33%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #fff0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.contact .captcha a {
    background: rgba(16, 26, 43, 0.79);
}

.contact .form-row .captcha {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33% - 8px);
            flex: 0 0 calc(33% - 8px);
    padding: 0;
}

.contact .form-row.contact-captcha, .contact .form-row.contact-captcha .form-row {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.contact .form-row .captcha + .captcha {
    margin: 0 10px;
}

.contact-bottom .contact-form-row > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
            flex: 0 0 calc(50% - 10px);
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
}
.contact-bottom .form-group {
    margin-bottom: 20px;
}
.contact .form-row {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
}

.contact .form-group .submit.button .button-arrow {
    display: none;
}

.contact .form-group .submit.button:before {
    visibility: hidden;
}

.contact .contact-form-row > div + div {
    margin-left: 20px;
}

.contact-bottom-content h2 {
    font-weight: 600;
    font-size: 3.1vw;
    color: #101A2B;
    margin-bottom: 2.3vw;
}

.contact-bottom-content h2 span {
    color: #cc1517;
    font-weight: 500;
}

.contact-bottom-content p {
    font-weight: 500;
    font-size: 1.1vw;
    color: #6e7b91;
    margin-bottom: 0;
}

.contact-bottom-content .social-media {
    margin-top: 2.3vw;
}

@media only screen and (max-width: 1370px){
    .contact-bottom {
        padding-top: 200px;
    }

    .contact-info .contact-info-row .contact-info-item {
        min-height: 180px;
    }

    .map-responsive iframe {
        margin-top: -100px;
    }

    .contact-info {
        bottom: -6.8vw;
    }

    .contact-top {
        height: 580px;
    }
}

@media only screen and (max-width: 1199px){
    .contact .form-group .submit {
        margin-left: 20px;
    }

    .contact .form-group .submit.button {
        padding: 12px 30px 12px 30px;
    }

    .contact .form-row {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }

    .contact-bottom .col-12.col-sm-6 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 55%;
                flex: 0 0 55%;
        max-width: 55%;
    }

    .contact-info .contact-info-row .contact-info-item svg {
        display: none;
    }
  
    .contact-info .contact-info-row .contact-info-item {
        min-height: 160px;
        padding: 20px 20px;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 0px;
                flex: 1 1 0;
        text-align: center;
    }
    .contact-info .contact-info-row .contact-info-item:nth-child(1), .contact-info .contact-info-row .contact-info-item:nth-child(3) {
        min-width: initial;
    }

    .contact-info .contact-info-row {
      margin: 0 30px;
  }

}

@media only screen and (max-width: 991px){
    .contact-info {
        bottom: -9.8vw;
        left: 30px;
        right: 30px;
    }

    .contact-top {
        height: 90vw;
    }

    .map-responsive iframe {
        margin-top: -210px;
    }

    .contact-bottom .form-group .submit {
        padding-right: 60px;
    }

    .contact-info .contact-info-row {
        margin: 0;
    }

    .contact-info .contact-info-row .contact-info-item .contact-info-item-text {
        width: 100%;
    }

    .contact-info .contact-info-row .contact-info-item:nth-child(2) {
        -webkit-box-flex: 2;
            -ms-flex: 2 1 0px;
                flex: 2 1 0;
    }

    .contact-bottom {padding-top: 160px;padding-bottom: 50px;}

    .contact-bottom-content {
        margin-right: 0;
        padding-right: 0;
        border-right: none;
        text-align: center;
    }

    .contact-bottom-content h2 {
        font-size: 35px;
    }

    .contact-bottom-content p {font-size: 15px;max-width: 400px;margin: 0 auto;}

    .contact-bottom-content:before {
        opacity: 0;
        visibility: hidden;
    }

    .contact-bottom-content .social-media {margin-top: 30px;}

    .contact-bottom-content .social-media ul {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .contact-bottom .col-12.col-sm-6 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }

    .contact .form-group .submit.button {margin-left: auto;}

    .contact .form-row {
        width: 100%;
    }

    .contact-bottom form {
        max-width: 600px;
        margin: 80px auto 0;
    }   
}

@media only screen and (max-width: 767px){
    .contact-top {
        height: auto;
    }

    .contact-info {
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
        margin-top: 30px;
    }

    .contact-info .contact-info-row {
        display: block;
        margin: 0 20px;
    }

    .contact-bottom {
        margin-top: 0;
        padding: 0 10px 40px;
    }

    .contact-info .contact-info-row .contact-info-item .contact-info-item-text .contact-info-item-content p {
        margin: 0 auto 10px;
    }

    .contact-top .map-responsive {
    height: 600px;
    position: relative;
  }

  .map-responsive iframe {
    margin-top: -150px;
  }

  .contact-info .contact-info-row .contact-info-item:nth-child(2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

  .contact-info .contact-info-row .contact-info-item + .contact-info-item {
    margin-left: 0;
    margin-top: 20px;
  }

  .contact-info .contact-info-row .contact-info-item {
    min-height: auto;
  }

  .contact-bottom .form-group .submit {margin-left: auto;margin-top: 20px;margin-right: -3px;-webkit-box-flex: 0;-ms-flex: 0 0 48%;flex: 0 0 48%;padding: 11px 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 50px;}

.contact-bottom .contact-captcha .form-row {
    margin-right: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.contact-captcha .captcha {
    margin-right: -9px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 51%;
            flex: 0 0 51%;
}

.contact-captcha .captcha + .captcha {
    margin-left: 10px;
}

.contact-bottom .form-group .submit .button-arrow {
    display: none;
}

  .contact-bottom-content {
    margin-top: 60px;
  }

  .contact .form-row {-ms-flex-wrap: wrap;flex-wrap: wrap;}

  .contact-bottom .contact-form-row {
    display: block;
  }

  .contact-bottom .contact-form-row > div + div {
    margin-left: 0;
  }

  .contact .form-row .captcha {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    padding: 0;
  }

  .contact .form-row .captcha + .captcha {
    padding-left: 5px;
    margin: 0;
  }

  .contact .form-row .captcha:first-child {
    padding-right: 5px;
  }

  .contact .form-group .submit.button {
    margin-top: 20px;
    padding: 12px 44px 12px;
    margin-right: 0;
    width: calc(50% - 5px);
  }

  .contact .form-group .submit.button .button-arrow {
    display: none;
  }

  .contact-bottom form {
    margin-top: 70px;
  }

  .contact-top .map-responsive:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 200px;background: -webkit-gradient(linear, left bottom, left top, from(white), to(#ffffff00));background: -o-linear-gradient(bottom, white, #ffffff00);background: linear-gradient(to top, white, #ffffff00);pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

}

.belgeTablo tr td,
.belgeTablo tr th { border: 1px solid #00cad7; padding: 15px !important; font-weight: 400; line-height: 27px; font-style: normal; }
.belgeTablo tr td,
.belgeTablo tr th,
.scrollArea.sozlesmeDetay ol li { font-family: Trebuchet MS, font-size: 14px; letter-spacing: normal; color: #095257; }
.wd100.belge .head h4 { font-weight: 700; margin-bottom: 30px; }
.wd100.belge { padding-top: 20px; border-top: 1px solid #00cad7; margin-top: 30px; }
.belgeTablo tr th { font-weight: 700; }
.belgeTablo tr td:first-child a { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.belgeTablo tr td img { width: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.belgeTablo tr th small { font-size: 100%; font-weight: 700; }
.belgeTablo tr td i { font-style: normal; }
.belgeTablo tr td a { color: #000; }
div#onbilgilendirme_detay .sozlesmeDetay { padding: 50px; background: #fff; border: 1px solid #00cad7; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 30px 0px; width: calc(100% - 30px); background: #eafdfe !important; max-height: 400px; overflow-y: scroll; }
table.ozelTablo6.productsL tr td { border: 1px solid #00cad7; padding: 10px; text-align: center; }
table.ozelTablo6.productsL { width: 100%; }
.scrollArea.sozlesmeDetay p { font-weight: 400; font-family: Trebuchet MS; font-size: 14px; line-height: normal; letter-spacing: normal; color: #095257; line-height: 27px; }
.scrollArea.sozlesmeDetay ul li { font-weight: 400; font-size: 14px; line-height: 2; letter-spacing: normal; color: #095257; list-style-type: initial; margin-left: 20px; }
.info p:first-child { text-align: center; font-size: 18px; }
h4.scrollHead.inlineS { display: table; text-align: center; font-size: 26px; color: #1c8d90; text-transform: uppercase; margin: 30px auto; }
.scrollArea.sozlesmeDetay ol li { font-weight: 400; font-size: 14px; line-height: 2; letter-spacing: normal; color: #095257; list-style-type: inherit; margin-left: 15px; }
.scrollArea.sozlesmeDetay { padding: 50px; background: #fff; border: 1px solid #00cad7; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 30px 0px; width: calc(100% - 30px); background: #eafdfe !important; max-height: 400px; overflow-y: scroll; }

/* Default */
/*.page { min-height: 0vh; }*/

@media only screen and (max-width: 991px){
.page {
    /*min-height: 0vh;*/
}
}
  .single-page ul li, .single-page ol li {
      list-style: inherit;
  }

  .single-page ul, .single-page ol {
      padding-left: 20px;
  }
.single-page {
    padding: 60px 0;
}

.single-page h2 {
    font-weight: bold;
    font-size: 40px;
    color: #101a2b;
    margin-bottom: 30px;
}

.single-page .table td,
.single-page .table th {
    border: 1px solid rgba(38, 168, 80, 0.38);
}

@media only screen and (max-width: 767px){
  .single-page h2 {
      font-size: 28px;
  }

  .single-page {
      padding: 20px 10px 20px;
  }
}

.special-container{padding: 0 12.6vw;}

.button{font-weight: 500;font-size: 15px;letter-spacing: 0.15em;color: #101a2b;display: inline-block;border: 1px solid #cc1517;background: #fff;border-radius: 100px;position: relative;padding: 10px 40px 10px 15px;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);outline: none !important;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.button span{position: relative;}
.button .button-arrow{position: absolute;right: -10px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: #fff;padding: 0px 0 4px;}
.button .button-arrow svg{  }
.button:hover {color: #101a2b;-webkit-transform: translateX(5px);-ms-transform: translateX(5px);transform: translateX(5px);}
.button:before {content: "";position: absolute;top: -1px;bottom: -1px;right: 0;width: 0;background: #fff;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.button:hover:before { width: 105%; }
.button:hover span {}
/* Page Title */
  .page-title{height: 290px;position: relative; margin-top: 88px;}
  .page-title.page-inner ol.breadcrumb li:last-child {
    display: none;
}
.page-title .page-title-content .page-title-bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
}
.contact-page .page-title .page-title-content .page-title-bg {
    display: none;
}
  .page-title .page-title-content .page-title-bg:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: #000;opacity: 0.56;}
  .page-title:after { content: ""; position: absolute; bottom: -45px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 7px; height: 90px; background: #cc1517; border-radius: 100px; }
  .page-title .page-title-content{height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;overflow: hidden;}
  .page-title .page-title-content .page-title-text{position: relative;}
  .page-title .page-title-content .page-title-text h1{font-weight: 600;font-size: 35px;color: #fff;text-align: center;}

  @media only screen and (max-width: 1370px){
    .contact-page .page-title {
      position: absolute;
      top: 0;
      /* right: 0; */
      /* left: 0; */
    }

    .page-title .page-title-content .page-title-text h1 {
      font-size: 40px;
      text-align: center;
      margin-bottom: 10px;
    }

    ol.breadcrumb li {
      font-size: 15px;
    }

    .page-title .page-title-content .page-title-text {
      margin-top: 30px;
    }

    .page-title {
      height: 350px;
    }
  }

  @media only screen and (max-width: 991px){
    .page-title {
      height: 310px;
    }

    .page-title .page-title-content .page-title-text {
      margin-top: 40px;
    }
  }

  @media only screen and (max-width: 767px){
    .page-title .page-title-content .page-title-text h1 {
      font-size: 26px;
    }

    ol.breadcrumb li {
      font-size: 13px;
    }

    .page-title {
      height: 250px;
    }

    .page-title .page-title-content:after {
      height: 60px;
      bottom: -30px;
    }

    .page-title:after {
      height: 60px;
      bottom: -30px;
    }
    .contact-page .page-title:before {
      opacity: 0.9;
    }

    .contact-page .page-title .page-title-content .page-title-text {
      margin-top: 20%;
    }
  }


/* Main Slide */
  .dg.ac{ display: none; }

  #slider {width: 100%;height: 100%;}
  
  .main-slide{height: 100vh;position: relative;overflow: hidden;}
  .main-slide:after {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 232px;background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));background: -o-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%);background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%);opacity: 0.61;pointer-events: none;}

  .main-slide .main-slide-container{height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;overflow: hidden;}
  .main-slide .main-slide-container .main-slide-bg.active {  }
  .main-slide .main-slide-container .main-slide-bg{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
  .main-slide .main-slide-container .main-slide-text{position: relative;z-index: 2;margin-left: 7.3vw;width: 45vw;pointer-events: none;}
  .main-slide .main-slide-container .main-slide-text h1{font-weight: bold;font-size: 4.4vw;color: #fff;margin-bottom: 0.6vw;max-width: 100%;position: absolute;top: 0;left: 0;right: 0;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;/* display: none; */opacity: 0;}
  .main-slide .main-slide-container .main-slide-text h1 span { -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); display: inline-block; opacity: 0; visibility: hidden; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }
  .main-slide .main-slide-container .main-slide-text h1.ani span {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1;visibility: visible;}
  .main-slide .main-slide-container .main-slide-text h1 span.empty { width: 20px; }
  .main-slide .main-slide-container .main-slide-bg .slide-link { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: none; }
  .main-slide .main-slide-container .main-slide-bg .slide-link.active { display: block; }
  .main-slide .main-slide-container .main-slide-text .main-slide-subtitle > span{font-weight: 500;font-size: 2.6vw;color: #cc1517;/* display: none; */position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .main-slide .main-slide-container .main-slide-text .main-slide-subtitle > span > span{ -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); display: inline-block; opacity: 0; visibility: hidden; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }
  .main-slide .main-slide-container .main-slide-text .main-slide-subtitle > span.ani > span {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1;visibility: visible;}
  .main-slide .main-slide-container .main-slide-text .main-slide-subtitle > span > span.empty { width: 20px; }

  .main-slide .main-slide-container .main-slide-text .main-slide-title {position: relative;height: 5.3vw;transition: 0.4s;}
  .main-slide .main-slide-container .main-slide-text .main-slide-subtitle {position: relative;height: 3.68vw;}
  .main-slide .main-slide-container .main-slide-text span.active {/* opacity: 1; *//* visibility: visible; */}
    .main-slide .main-slide-container .main-slide-bg canvas { display: block; width: 100% !important; }
  .main-slide .main-slide-container .main-slide-pagi{position: relative;z-index: 1;height: 300px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .main-slide .main-slide-container .main-slide-pagi:before {content: "";position: absolute;top: 40px;bottom: 40px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 1px;background: black;}

  .main-slide .main-slide-container .main-slide-text h1.active {
    opacity: 1;
  }
.main-slide .main-slide-container .main-slide-text h1.active span {
    opacity: 1;
    visibility: visible;
    transform: rotate(0);
}

.main-slide .main-slide-container .main-slide-text .main-slide-subtitle > span.active > span {
    opacity: 1;
    visibility: visible;
    transform: rotate(0);
}
  .main-slide .main-slide-container .main-slide-text h1.show {
    display: block;
  }

  .main-slide .main-slide-container .main-slide-subtitle span.active {
    opacity: 1;
    visibility: visible;
  }

  .main-slide .main-slide-container .main-slide-subtitle span.show {
    display: block;
  }

  

  .main-slide .main-slide-bottom{position: absolute;z-index: 9999;bottom: 0;left: 0;right: 0;padding: 0 90px 69px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .main-slide .main-slide-bottom .main-slide-bottom-container { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .main-slide .main-slide-bottom .main-slide-tel{margin-right: 150px;}
  .main-slide .main-slide-bottom .main-slide-tel a{font-weight: 500;font-size: 1.1vw;color: #fff;display: block;}
  .main-slide .main-slide-bottom .main-slide-tel a:hover { color: #39c565; }
  .main-slide .main-slide-bottom .social-media ul li a:hover svg path {
    fill: #cc1517;
  }
  .main-slide .main-slide-bottom .social-media ul li a svg path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }


  /* Slider Btn */
  .slide-btn {position: absolute;top: 0;bottom: 0;width: 31.5vw;z-index: 99;cursor: none;opacity: 0;transition: 0.5s;}
  .slider-button-icon.button-next svg { transform: rotate(-35deg); }
  .slider-button-icon.button-next.active svg { transform: rotate(0); }
  .slider-button-icon.button-prev.active svg { transform: rotate(180deg); }
  .slide-btn.prev-btn {left: 0;right: auto;background: linear-gradient(to right, black, #00000000);}
  .slide-btn.next-btn {right: 0;left: auto;background: linear-gradient(to left, black, #00000000);}
  .slider-button-icon.button-prev svg { transform: rotate(235deg); }
  .slider-button-icon { position: absolute; top: 0; left: 0; z-index: 9999; pointer-events: none; }
  .slide-btn.active { opacity: 1; }
  .slide-btn.in-active { pointer-events: none; }
  .slider-button-icon svg {width: 8vw;height: 8vw;}
  .slider-button-icon.active svg { opacity: 1; }
  .slider-button-icon svg path { fill: #cc1517; }
  .slider-button-icon svg { opacity: 0; transition: 0.5s; }

  .slide-btn.next-btn > svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 9.4vw;
      height: 9.4vw;
  }

  .slide-btn.next-btn > svg path {
      fill: #cc1517;
  }

  @-webkit-keyframes scrolldown {
    0%{
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
    }
    50%{
      -webkit-transform: translate(-50%, 70px);
              transform: translate(-50%, 70px);
    }
    100%{
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0); 
    }
  }

  @keyframes scrolldown {
    0%{
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
    }
    50%{
      -webkit-transform: translate(-50%, 70px);
              transform: translate(-50%, 70px);
    }
    100%{
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0); 
    }
  }

  .main-slide .main-slide-bottom .main-slide-scrollbtn{display: -webkit-box;display: -ms-flexbox;display: flex;cursor: pointer;}
  .main-slide .main-slide-bottom .main-slide-scrollbtn .scrollbtn-line.active { height: 400px; }
  .main-slide .main-slide-bottom .main-slide-scrollbtn .scrollbtn-line{height: 100px; background: #D6D6D6;width: 1px;position: absolute;-webkit-transition: 2s;-o-transition: 2s;transition: 2s;}
  .main-slide .main-slide-bottom .main-slide-scrollbtn .scrollbtn-line:before {content: "";position: absolute;top: 10px;left: 0;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 10px;height: 10px;background: #cc1517;border-radius: 100%;-webkit-animation: scrolldown 3s ease-in-out both infinite;animation: scrolldown 3s ease-in-out both infinite;}
  .main-slide .main-slide-bottom .main-slide-scrollbtn span{font-weight: 500;font-size: 1.1vw;color: #d6d6d6;display: block;margin-top: -5px;margin-left: 15px;}

  .social-media{  }
  .social-media ul{display: -webkit-box;display: -ms-flexbox;display: flex;}
  .social-media ul li{position: relative;}
  .social-media ul li + li{margin-left: 13px;padding-left: 13px;}
  .social-media ul li + li:before {content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 1px;background: #fff;-webkit-transform: rotate(20deg);-ms-transform: rotate(20deg);transform: rotate(20deg);}
  .social-media ul li a{  }

  @media only screen and (max-width: 991px){
    .main-slide .main-slide-bottom .main-slide-scrollbtn {
      display: none;
    }

    .main-slide .main-slide-container .main-slide-pagi span {
      font-size: 15px;
    }

    .main-slide .main-slide-bottom .main-slide-tel a {
      font-size: 20px;
    }

    .main-slide .main-slide-bottom .main-slide-tel {
      margin-right: 0;
    }

    .main-slide .main-slide-container {
      
    }

    .main-slide {
      height: 50vh;
    }
  }

  @media only screen and (max-width: 767px){
    .main-slide .main-slide-bottom {
      display: none;
    }

    .main-slide .main-slide-container .main-slide-text h1 {
      font-size: 7vw;
      max-width: 100%;
    }

    .main-slide .main-slide-container .main-slide-text .main-slide-title {
      height: 10vw;
    }

    .main-slide .main-slide-container .main-slide-text span {font-size: 6vw;}

    .main-slide .main-slide-container .main-slide-text .main-slide-subtitle {
      height: 8vw;
      width: 100%;
    }

    .main-slide .main-slide-container .main-slide-pagi span {
      font-size: 13px;
    }

    .main-slide .main-slide-container .main-slide-pagi {
      position: absolute;
      bottom: 20px;
      left: 20px;
      right: 20px;
      height: auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }

    .main-slide .main-slide-container .main-slide-pagi:after {
      top: 50%;
      left: 30px;
      right: 0;
      bottom: 0;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%);
      width: 0;
      height: 2px;
    }

    .main-slide .main-slide-container .main-slide-pagi.activep:after {
      height: 2px;
      width: calc(100% - 60px);
    }



  .main-slide .main-slide-container .main-slide-pagi.activep-2:after {
    top: 50%;
    left: calc(100% - 30px);
    width: 0;
  }

  .main-slide .main-slide-container .main-slide-pagi.activep-3:after {
    top: 50%;
    left: 30px;
  }


    .main-slide .main-slide-container .main-slide-text h1 span.empty {
      width: 6px;
    }

    .main-slide .main-slide-container .main-slide-text .main-slide-subtitle > span > span.empty {
      width: 7px;
    }

    .main-slide .main-slide-container .main-slide-pagi:before {
      top: 50%;
      height: 1px;
      left: 30px;
      right: 0;
      width: calc(100% - 60px);
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%);
    }

    .main-slide .main-slide-container .main-slide-text {
      margin-left: 0;
      position: absolute;
      bottom: 70px;
      left: 20px;
      right: 20px;
      width: 100%;
    }

    .main-slide:after {
      opacity: 0.8;
      height: 200px;
      background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #000), to(rgba(0, 0, 0, 0)));
      background: -o-linear-gradient(bottom, #000 30%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(to top, #000 30%, rgba(0, 0, 0, 0) 100%);
    }
  }

/* Main About */
  .main-about{padding: 160px 0 130px;position: relative;z-index: 99;}
  .main-about .special-container{}

  .main-about .main-about-img{position: relative;z-index: 9;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
  .main-about .main-about-img.active:before { bottom: -40px; }
  .main-about .main-about-img:before {content: "";position: absolute;bottom: 0;right: 30%;height: 100px;width: 1px;background: #D6D6D6;-webkit-transition: 2s 1s;-o-transition: 2s 1s;transition: 2s 1s;}
  .main-about .main-about-img img{position: relative;border-radius: 12px;}

  .main-about .main-about-img .second-img {
    text-align: right;
    margin-top: -80px;
    position: relative;
    z-index: 9;
    -webkit-transform: translateZ(90px);
            transform: translateZ(90px);
  }

  .main-about .main-about-img .second-img img {
    max-width: 20vw;
  }

  .main-about .main-about-img .first-img img {
    max-width: 17.1vw;
    margin-bottom: -10px;
  }
.main-about .main-about-img .first-img {
    -webkit-transform: translateZ(10px);
            transform: translateZ(10px);
}

  .main-about .main-about-img .main-about-img-icon {
    position: absolute;
    bottom: -80px;
    left: -60px;
    background-image: url(../img/main/about-icon-1.png);
    width: 15.7vw;
    height: 17.6vw;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translateZ(40px);
            transform: translateZ(40px);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }

  .main-about .main-about-img .main-about-img-icon:before {content: "";position: absolute;top: -60px;right: 0.2vw;width: 4.7vw;height: 5.2vw;background-image: url(../img/main/about-icon-2.png);background-size: contain;background-repeat: no-repeat;z-index: 9;-webkit-transform: translateZ(90px);transform: translateZ(90px);}

  .main-about .main-about-content{margin-left: 130px;position: relative;z-index: 9;}
  .main-title h2{font-weight: bold;font-size: 2.6vw;color: #101A2B;margin-bottom: 4.2vw;position: relative;}
  .main-title h2:before {content: "";position: absolute;top: 50%;left: -12.6vw;width: 9.4vw;height: 5px;background: #101A2B;border-radius: 50px;opacity: 0.10;}
  .main-title h2 span{color: #cc1517;font-weight: 500;display: block;}

  .main-about .main-about-content .main-about-content-text{display: -webkit-box;display: -ms-flexbox;display: flex;}
  .main-about .main-about-content .main-about-content-text ul{padding-left: 0;}
  .main-about .main-about-content .main-about-content-text ul li{font-weight: bold;font-size: 1.1vw;padding-left: 30px;position: relative;}
  .main-about .main-about-content .main-about-content-text ul li + li{margin-top: 20px;}
.main-about .main-about-content .main-about-content-text ul li:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;width: 20px;height: 20px;background-image: url(../img/main/list-img.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
  .main-about .main-about-content .main-about-content-text ul li a {
    color: #101a2b;
  }

    .main-about .main-about-content .main-about-content-text ul li a:hover {
    color: #cc1517;
}

  .main-about .main-about-content .main-about-content-text-item{margin-left: 6.8vw;}
  .main-about .main-about-content .main-about-content-text-item p{font-weight: 500;font-size: 1vw;color: #6e7b91;margin-bottom: 30px;}
  .main-about .main-about-content .main-about-content-text-item a{}

  @media only screen and (max-width: 1370px){
    .main-about .main-about-content .main-about-content-text-item {
      margin-left: 4vw;
    }

    .main-about {
      padding: 100px 0 130px;
    }
    .main-about .main-about-img .main-about-img-icon:before {right: 1.3vw;width: 4vw;height: 5vw;top: -3vw;}
  }

  @media only screen and (max-width: 991px){
    .main-title h2 {
      font-size: 30px;
    }

    .main-about .main-about-content {
      margin-left: 0;
    }

    .main-about .main-about-content .main-about-content-text-item p {
      font-size: 20px;
    }

    .main-about .main-about-content .main-about-content-text ul li {
      font-size: 19px;
    }

    .main-about {
      padding-bottom: 100px;
    }

    .main-about .main-about-content h2:before {
      visibility: hidden;
    }

    .main-about .main-about-img img {
      max-width: 80%;
    }

    .main-about .main-about-img {
      max-width: 500px;
      margin: 0 auto 100px;
    }

    .main-about .main-about-img .first-img img {
      max-width: 250px;
    }

    .main-about .main-about-img .second-img img {
      max-width: 300px;
    }

    .main-about .main-about-img .main-about-img-icon {
      width: 27vw;
      height: 27vw;
      bottom: -40px;
      left: 10px;
    }

    .main-about .main-about-img .main-about-img-icon:before {
      width: 7vw;
      height: 8vw;
      right: 2vw;
      top: -5vw;
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
    }
  }

  @media only screen and (max-width: 767px){
    .main-title h2 {
      font-size: 23px;
    }

    .main-about .main-about-content .main-about-content-text {
      display: block;
      margin-top: 20px;
    }

    .main-about .main-about-content .main-about-content-text ul li a {
        font-size: 17px;
        display: block;
        -webkit-transform: translateY(-1px);
            -ms-transform: translateY(-1px);
                transform: translateY(-1px);
    }

    .main-about .main-about-content .main-about-content-text ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding-left: 0;
      margin-left: -6px;
    }

    .main-about .main-about-content .main-about-content-text ul li + li {
      margin-top: 0;
      margin-left: 20px;
    }

    .main-about .main-about-content .main-about-content-text ul li {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 45%;
              flex: 1 1 45%;
      margin-bottom: 10px;
      -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
              transform: scale(0.9);
    }

    .main-about .main-about-content .main-about-content-text ul li:nth-child(2n+1) {
      margin-left: 0;
    }

    .special-container {
      padding: 0 30px;
    }

    .main-about .main-about-img .second-img img {
      max-width: 250px;
    }

    .main-about .main-about-img .first-img img {
      max-width: 200px;
    }

    .main-about .main-about-img .second-img {
      margin-top: -30px;
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
    }

    .main-about .main-about-img .main-about-img-icon {
      width: 40vw;
      height: 40vw;
      bottom: 40px;
      left: 0;
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
    }

    .main-about .main-about-img {
      margin-bottom: 70px;
    }

    .main-about .main-about-content .main-about-content-text-item {margin-left: 0;margin-top: 10px;}

    .main-about .main-about-content .main-about-content-text-item p {
      font-size: 18px;
    }

    .main-about .main-about-content .main-about-content-text-item a {}

    .main-about {
      padding: 60px 0 70px;
    }
  }
b, strong {
    font-weight: 600;
}
/* About */
  .about{padding: 150px 0 250px;position: relative;}
  .real-about:before {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 35%;max-width: 650px;height: 80vh;background-image: url(../img/main/page-bg-icon.png);background-size: contain;background-repeat: no-repeat;background-position: center;pointer-events: none;opacity: 0.15;z-index: -1;}
  .real-about .about-container{  }
  .real-about .about-container h2{font-weight: 600;font-size: 1.6vw;color: #101a2b;max-width: 75vw;margin: -60px auto 50px;line-height: 2.6vw;text-align: center;}

  .about .about-container .about-content{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .about .about-container .about-content .about-content-text{-webkit-box-flex: 0;margin-top: 0; padding-right: 5%; padding-left: 5%; }
  .about .about-container .about-content .about-content-text p{font-weight: 500;line-height: 25px;text-align: left;color: black;margin-bottom: 0;}

  .about .about-container .about-content .about-content-vm{-webkit-box-flex: 0;-ms-flex: 0 0 30%;max-width: 580px;padding-left: 2.6vw;margin-left: 2.6vw;border-left: 1px solid rgba(16, 26, 43, 0.10);}
  .about .about-container .about-content .about-content-vm .about-content-vm-item{  }
  .about .about-container .about-content .about-content-vm .about-content-vm-item + .about-content-vm-item{ margin-top: 80px; }
  .about .about-container .about-content .about-content-vm .about-content-vm-item h2{font-weight: 500;font-size: 1.5vw;color: #101a2b;margin-bottom: 25px;}
  .about .about-container .about-content .about-content-vm .about-content-vm-item p{font-weight: 500;color: black;margin-bottom: 0;position: relative;}

    @media only screen and (max-width: 991px){
     .real-about .about-container h2 {
      font-size: 2.8vw;
      line-height: 3.6vw;
      max-width: 75vw;
    }

    .about {
      padding: 100px 0;
    }

    .about .about-container .about-content .about-content-vm {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
    }

    .about .about-container .about-content .about-content-vm .about-content-vm-item h2 {
      font-size: 2.5vw;
    }

    .about .about-container .about-content .about-content-text p {
      font-size: 16px;
      line-height: 25px;
    }

    .real-about:before {
      width: 60%;
    }   
  }

  @media only screen and (max-width: 767px){
    .about .about-container .about-content {
      display: block;
      padding: 0 30px;
    }

    .about .about-container .about-content .about-content-text {
      margin-top: 0;
      margin-bottom: 0;
    }

    .real-about .about-container h2 {
      padding-top: 20px;
      font-size: 18px;
      line-height: normal;
      max-width: 300px;
      margin-bottom: 30px;
    }

    .about {
      padding: 70px 0px;
    }

    .about .about-container .about-content .about-content-text p {
      padding-top: 20px;
      font-size: 16px;
      line-height: 25px;
      text-align: center;
    }

    .about .about-container .about-content .about-content-vm {
      margin-left: 0;
      padding-left: 0;
      border-left: none;
      padding-top: 0;
      margin-top: 60px;
    }

    .about .about-container .about-content .about-content-vm .about-content-vm-item h2 {
      font-size: 20px;
      position: relative;
      margin-bottom: 17px;
    }

    .real-about .about-container .about-content .about-content-vm .about-content-vm-item h2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

    .about .about-container .about-content .about-content-vm .about-content-vm-item h2:after {content: "";width: 100%;height: 11px;display: block;background-image: url(../img/main/wave-icon.svg);background-size: contain;margin-left: 0;background-repeat: no-repeat;display: none;}

    .about .about-container .about-content .about-content-vm .about-content-vm-item p:before {
      visibility: hidden;
      left: 0;
    }

    .about .about-container .about-content .about-content-vm .about-content-vm-item p {
      padding-left: 0;
    }

    .about .about-container .about-content .about-content-vm .about-content-vm-item + .about-content-vm-item {
      margin-top: 40px;
    }   
  }

/* Ar-Ge */
  .arge{ padding-bottom: 150px; }
  .arge .arge-row{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 0 7.8vw;position: relative;}
  .arge .arge-row:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 38%;right: 39%;height: 1px;background: #101A2B;opacity: 0.3;border-radius: 100px;}

  .arge .arge-row .main-title{text-align: right;-webkit-box-flex: 0;-ms-flex: 0 0 33%;flex: 0 0 33%;max-width: 28vw;background: #fff;position: relative;padding-right: 0;}
  .arge .arge-row .main-title h2 {font-size: 1.6vw;margin-bottom: 0;}
  .arge .arge-row .main-title h2:before { display: none; }
  .arge .arge-row .arge-text{-webkit-box-flex: 0;-ms-flex: 0 0 33%;flex: 0 0 33%;max-width: 27.8vw;background: #fff;position: relative;}
  .arge .arge-row .arge-text p{font-weight: 500;font-size: 20px;text-align: left;color: #6e7b91;margin-bottom: 0;}

  .arge .about-container .about-content { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 120px; }
  .arge .about-content .arge-img{height: 25.3vw;-webkit-box-flex: 0;-ms-flex: 0 0 55%;flex: 0 0 55%;background-size: cover;background-position: center;}
  .arge .about-content .about-content-vm{  }
  .arge .about-container .about-content .about-content-vm {-webkit-box-flex: 0;-ms-flex: 0 0 32%;flex: 0 0 32%;max-width: 28.8vw;border-left: none;padding-left: 0;margin-left: 120px;}
  .arge .about-content .about-content-vm .about-content-vm-item{  }
  .arge .about-container .about-content .about-content-vm .about-content-vm-item + .about-content-vm-item{ margin-top: 55px; }

  @media only screen and (max-width: 1370px){
    .arge .arge-row .arge-text {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50vw;
      padding-left: 30px;
    }
  }

  @media only screen and (max-width: 991px){
    .arge .arge-row {
      display: block;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0 40px;
    }

    .arge .arge-row .main-title h2 {
      font-size: 25px;
    }

    .arge .arge-row .main-title {
      text-align: center;
      max-width: 55vw;
      margin: 0 auto;
    }

    .arge .arge-row .arge-text {
      padding-left: 0;
      margin: 30px auto 0;
      max-width: 70vw;
    }

    .arge .arge-row .arge-text p {
      text-align: center;
    }

    .arge .about-container .about-content {
      display: block;
      margin-top: 70px;
    }

    .arge .about-container .about-content .about-content-vm {
      margin: 50px auto 0;
      max-width: 60vw;
    }

    .arge {
      padding-bottom: 70px;
    }

    .arge .about-content .arge-img {
      height: 50vw;
    }
  }

    @media only screen and (max-width: 767px){
      .arge .arge-row .main-title h2 {
      font-size: 20px;
    }

    .arge .arge-row .main-title {
      max-width: 90vw;
    }

    .arge .arge-row {
      padding: 0 25px;
    }

    .arge .arge-row .arge-text p {
      font-size: 17px;
    }

    .arge .arge-row .arge-text {
      max-width: 90vw;
      margin-top: 20px;
    }

    .arge .about-container .about-content {
      margin-top: 50px;
    }

    .arge .about-container .about-content .about-content-vm {
      max-width: 100%;
      text-align: center;
    }

    .arge {
      padding-bottom: 55px;
    }

    .arge .about-container .about-content .about-content-vm .about-content-vm-item + .about-content-vm-item {
      margin-top: 40px;
    }
    .arge.about .about-container .about-content .about-content-vm .about-content-vm-item h3:after {
      display: inline-block;
      max-width: 100px;
      margin-left: 0;
      margin-top: 13px;
    }

    .arge.about .about-container .about-content .about-content-vm .about-content-vm-item h3 {
      margin-bottom: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    }

/* Credential */
  .credential{padding: 200px 0;}
  .credential .credential-container{}

  .credential .credential-container ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;max-width: 1100px;margin: 0 auto;}
  .credential .credential-container ul li{-webkit-box-flex: 0;-ms-flex: 0 0 calc(33% - 4%);flex: 0 0 calc(33% - 4%);margin-bottom: 60px;}
  .credential .credential-container ul li:nth-child(3n+1) { margin-left: 0; }
  .credential .credential-container ul li + li{margin-left: 6.5%;}
  .credential .credential-container ul li a{display: block;border: 2px solid rgba(16, 26, 43, 0.25);padding: 30px 0px 15px;text-align: right;max-height: 200px;position: relative;}
  .credential .credential-container ul li a span{font-weight: 500;font-size: 28px;color: #101a2b;display: block;text-align: right;background: #fff;-webkit-transform: translate(40px, 5px);-ms-transform: translate(40px, 5px);transform: translate(40px, 5px);padding: 10px 0;position: relative;z-index: 9;}
  .credential .credential-container ul li a svg{width: 50px;height: 18px;fill: #cc1517;margin-left: auto;margin-right: 25px;margin-top: -15px;position: relative;z-index: 9;opacity: 0;-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}

  .credential .credential-container ul li a:hover svg { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  .credential .credential-container ul li a .line:before { content: ""; position: absolute; top: 50%; right: -2px; width: 2px; bottom: 50%; background: #cc1517; }
  .credential .credential-container ul li a .line:after { content: ""; position: absolute; top: -2px; right: 0; left: 100%; height: 2px; background: #cc1517; }
  .credential .credential-container ul li a:hover .line-2:after { left: -2px; right: -2px; }
  .credential .credential-container ul li a .line-2:before { content: ""; position: absolute; top: 50%; right: -2px; width: 2px; bottom: 50%; background: #cc1517; }
  .credential .credential-container ul li a .line-2:after { content: ""; position: absolute; bottom: -2px; right: 0; left: 100%; height: 2px; background: #cc1517; }
  .credential .credential-container ul li a:before {content: "";position: absolute;top: 0;bottom: 100%;left: -2px;width: 2px;background: #cc1517;}
  .credential .credential-container ul li a:after { content: ""; position: absolute; top: 100%; bottom: -2px; left: -2px; width: 2px; background: #cc1517; }
  .credential .credential-container ul li a:hover .line:before { top: -2px; }
  .credential .credential-container ul li a:hover .line-2:before { bottom: -2px; }
  .credential .credential-container ul li a:hover .line:after { left: -2px; right: -2px; }
  .credential .credential-container ul li a:hover:after {top: 50%;}
  .credential .credential-container ul li a:hover:before { bottom: 50%; }
  .credential .credential-container ul li a .line:before, .credential .credential-container ul li a .line-2:before {-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
  .credential .credential-container ul li a .line:after, .credential .credential-container ul li a .line-2:after { -webkit-transition: 0.5s 0.5s; -o-transition: 0.5s 0.5s; transition: 0.5s 0.5s; }
  .credential .credential-container ul li a:before,.credential .credential-container ul li a:after { -webkit-transition: 0.5s 1s; -o-transition: 0.5s 1s; transition: 0.5s 1s; }
  .credential .credential-container ul li a.in-active:before, .credential .credential-container ul li a.in-active:after { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
  .credential .credential-container ul li a.in-active .line:before, .credential .credential-container ul li a.in-active .line-2:before { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

    @media only screen and (max-width: 1199px){
    .credential .credential-container ul {
      padding: 0 80px;
    }

    .credential .credential-container ul li {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(50% - 4%);
              flex: 0 0 calc(50% - 4%);
    }

    .credential .credential-container ul li:nth-child(2n+1) {
      margin-left: 0;
    }

    .credential .credential-container ul li:nth-child(2n+2) {
      margin-left: 6.5%;
    }
  }

  @media only screen and (max-width: 991px){
    .credential .credential-container ul li a span {
      font-size: 20px;
      -webkit-transform: translate(20px, 5px);
          -ms-transform: translate(20px, 5px);
              transform: translate(20px, 5px);
    }

    .credential .credential-container ul {
      padding: 0 50px;
    }

    .credential {
      padding: 100px 0;
    }   
  }

  @media only screen and (max-width: 767px){
    .credential .credential-container ul li {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;}

    .credential .credential-container ul li:nth-child(2n+2) {
      margin-left: 0;
    }

    .credential .credential-container ul li + li {
      margin-left: 0;
    }

    .credential .credential-container ul li {
      margin-bottom: 40px;
    }

    .credential {
      padding: 70px 0 20px;
    }

    .files-group {
      padding: 80px 0 30px;
    }

    .credential .credential-container ul li a {
      max-height: initial;
      padding: 25px 0;
    }

    .credential .credential-container ul li a span {
      font-size: 18px;
      -webkit-transform: translate(0,0);
          -ms-transform: translate(0,0);
              transform: translate(0,0);
      text-align: center;
    }

    .credential .credential-container ul li a svg {
      width: 35px;
      height: 13px;
      display: none;
    }
  }

/* Files Group */
  .files-group { padding: 120px 0; min-height: 60vh; }
  .files-group .credential-container ul li a { position: relative; text-align: center; padding: 0 40px; min-height: 140px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .files-group .credential-container ul li a span { text-align: center; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); padding: 0; background: #fff0; }
  .files-group .credential-container ul li a .files-arrow {position: absolute;right: -40px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;background: #fff;padding: 15px 0 20px;z-index: 9;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .files-group .credential-container ul li a svg {opacity: 1;margin-top: 0;margin-left: 0;}
  .files-group .credential-container ul li a:hover .files-arrow { opacity: 1; }

  @media only screen and (max-width: 767px){
    .files-group {
      padding: 70px 0 10px;
    }

    .files-group .credential-container ul li a {
      min-height: initial;
      padding: 30px;
    }
  }

/* Main Product Group */
  .main-product-group{margin-bottom: 5.8vw;}
  .main-product-group .special-container{  }
  .main-product-group .row:nth-child(1) { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

  .main-product-group .main-title{margin-left: 12.6vw;}
  .main-product-group .main-title h2{  }
  .main-product-group .main-title h2:before{
}
  .main-product-group .button{  }
  .main-product-group .button .button-arrow svg{  }

  @media only screen and (max-width: 991px){
    .main-product-group .main-title {
      margin-left: 0;
    }

    .main-product-group .row:nth-child(1) {
      margin-right: 0;
      margin-bottom: 40px;
    }
    .kovalar{
    	padding-top: 50px;
    }
    .main-product-group .main-title h2:before {
      visibility: hidden;
    }

    .main-product-group .main-title h2 {
      font-size: 27px;
      margin-bottom: 0;
    }
  }

  @media only screen and (max-width: 767px){
    .main-product-group .row {
      margin: 0;
    }

    .main-product-group .row:nth-child(1) {
      display: block;
    }

    .main-product-group .main-title h2 {
      font-size: 23px;
      margin-bottom: 25px;
    }

    .main-product-group .main-product-list ul li {
      margin-bottom: 50px;
    }
  }

/* Product Group List */
  .products-group .main-product-list {padding: 100px 13.1vw;}

/* Product */
  .main-product-list{width: 100%;}
  .main-product-list ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  .main-product-list ul li{-webkit-box-flex: 0;-ms-flex: 0 0 calc(33% - 2.3%);flex: 0 0 calc(33% - 2.3%);margin-bottom: 70px;}
  .main-product-list ul li:nth-child(3n+1) { margin-left: 0; }
  .main-product-list ul li + li{margin-left: 3.9%;}
  .main-product-list ul li .main-product-list-img{position: relative;height: 13.6vw;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
  .main-product-list ul li.active .main-product-list-img .fake-img {
    opacity: 0.6;
    -webkit-filter: blur(40px);
            filter: blur(40px);
  }
  .main-product-list ul li .main-product-list-img .product-img-bg-container {
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 9;
    border-radius: 10px;
    /* transform: scale(1); */
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: translateZ(4px);
            transform: translateZ(4px);
  }

  .main-product-list ul li .main-product-list-img .product-img-bg-container .product-img-bg {
    position: absolute;
    top: -25px;
    right: -25px;
    left: -25px;
    bottom: -25px;
    background-size: cover;
    background-position: center;
  }

  .main-product-list ul li a {
    display: block;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  .main-product-list ul li .main-product-list-img  img:nth-child(1){}
    .main-product-list ul li .main-product-list-img .fake-img{position: absolute;left: 0;top: 40px;opacity: 0.7;-webkit-filter: blur(35px);filter: blur(35px);-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
    .main-product-list ul li .product-title{
    -webkit-transform: translateZ(-20px);
            transform: translateZ(-20px);
  }
  .main-product-list ul li h3{font-weight: bold;font-size: 20px;color: #101a2b;margin-bottom: 0;margin-top: 25px;position: relative;}
  .main-product-list ul li.active .product-title h3 {
  }
  .main-product-list ul li.active .product-title {
  }

  @media only screen and (max-width: 991px){
    .products-group .main-product-list {
      padding: 100px 50px 50px;
    }

    .main-product-list ul li {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(50% - 2.3%);
              flex: 0 0 calc(50% - 2.3%);
    }

    .main-product-list ul li:nth-child(2n+1) {
      margin-left: 0;
    }
      .main-product-list ul li .main-product-list-img {
      height: 170px;
    }

    .main-product-list ul li:nth-child(2n+2) {margin-left: 3.9%;}
  }

  @media only screen and (max-width: 767px){
    .main-product-list ul li {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
    }

    .main-product-list ul li:nth-child(2n+2) {
      margin-left: 0;
    }

    .products-group .main-product-list {
      padding: 70px 25px 10px;
    }
      .main-product-list ul li .main-product-list-img {
      height: 190px;
    }
    .main-about .main-about-img .first-img {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }

  .main-product-list ul li .main-product-list-img .product-img-bg-container {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }

  .main-product-list ul li .product-title {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  }

/* Product List */
  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el .real-title {
    /* opacity: 0; */
    /* visibility: hidden; */
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el .select2 {
    /* opacity: 1; */
    /* visibility: visible; */
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item .my-list-content-body-item-el .select2 {
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    /* opacity: 0; */
    width: 16px;
    /* visibility: hidden; */
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 140% !important;
    min-width: 50px;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el .select2 {
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:before {/*opacity: 0;*/}

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(1) {
/*    width: 90px; */
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2) {
/*    width: 90px; */
/*    margin-right: 10px; */
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(3) {
/*    width: 100px; */
/*    margin-right: 10px; */
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(4) {
/*    width: 60px; */
  }

  .product-list .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    display: none;
  }


  .product-list{ }
  .product-list .product-list-container{display: -webkit-box;display: -ms-flexbox;display: flex;}
  .product-list .product-list-container .product-list-img{position: relative;width: 50%;height: 100vh;}
  .product-list .product-list-container .product-list-img .product-list-bg{ z-index: -1; position: absolute;top: 0;left: 0;right: 0;bottom: -600px;background-size: cover;background-position: center;background-repeat: no-repeat;}
  .product-list .product-list-container .product-list-img .product-list-bg:before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 250px;background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0)));background: -o-linear-gradient(#000 0%, rgba(0, 0, 0, 0) 100%);background: linear-gradient(#000 0%, rgba(0, 0, 0, 0) 100%);opacity: 0.56;}
  .product-list .product-list-container .product-list-content .product-content-text {margin-top: 3.6vw;}
  .product-list .product-list-container .product-list-content{z-index: 1; background-color: white; margin-left: auto;padding: 80px 80px 60px;max-width: 960px;}
  .product-list .product-list-container .product-list-content .product-content-title{margin-top: 80px; }
  .product-list .product-list-container .product-list-content .product-content-title h1{font-weight: 600;font-size: 3.1vw;color: #101a2b;margin-bottom: 5px;}
  .product-list .product-list-container .product-list-content .product-content-text p{font-weight: 500;font-size: 1vw;color:black;margin-bottom: 0;}
  .product-list .product-list-container .product-list-content .product-content-list{margin: 3.6vw 0 2.6vw;}
  .product-list .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2) .my-list-content-header-item-el + .my-list-content-header-item-el {
    margin-left: 35px;
}
.product-list .my-list-content .my-list-content-header {padding-right: 20px;}

.product-list .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2) .my-list-content-header-item-el:last-child {
    /* margin-right: 21px; */
}

.product-list .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2) .my-list-content-header-item-el:nth-child(3) {
    margin-right: -7px;
}
  .product-list .product-list-container .product-list-content .product-content-list ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  .product-list .product-list-container .product-list-content .product-content-list ul li{font-weight: 500;font-size: 15px;color: #6e7b91;margin-bottom: 15px;-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;position: relative;padding-right: 30px;padding-left: 70px;}
  .product-list .product-list-container .product-list-content .product-content-list ul li + li{  }
  .product-list .product-list-container .product-list-img:before {content: "";position: absolute;right: -7px;top: 150px;width: 17px;height: 110px;border-radius: 100px;background: black;z-index: 9;}
    
    .product-list .my-list-content {
    max-width: 800px;
  }

    .product-list ol.breadcrumb li a {
    color: #6E7B91;
    font-weight: 500;
  }

  .product-list ol.breadcrumb li {
    color: #6E7B91;
  }
  .product-list ol.breadcrumb li:last-child {
      display: none;
  }
  .product-list .breadcrumb {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 20px;
  }

  .product-list ol.breadcrumb .breadcrumb-item.breadcrumb-item:before {
    color: #6E7B91;
  }

  .product-list .product-list-container .product-list-content .product-content-list ul li:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;background-image: url(../img/main/wave-icon.svg);width: 56px;height: 14px;background-size: cover;background-repeat: no-repeat;}
  .product-list .product-list-container .product-list-content .product-content-item{  }
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-header{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;background: #F1F1F1;padding: 15px 30px;border-radius: 20px 20px 0 0;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-header .product-content-item-header-left{display: -webkit-box;display: -ms-flexbox;display: flex;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-header .product-content-item-header-right{display: -webkit-box;display: -ms-flexbox;display: flex;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-header .header-item-name{font-weight: 500;font-size: 15px;color: #101a2b;position: relative;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-header .header-item-name + .header-item-name { margin-left: 30px; }
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-header .header-item-name + .header-item-name:before {content: "";position: absolute;top: 37%;left: -20px;background-image: url(../img/main/user-arrow.svg);width: 11px;height: 9px;background-repeat: no-repeat;background-size: contain;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}

  .product-list .product-list-container .product-list-content .other-product-category{margin-top: 80px;}
  .product-list .product-list-container .product-list-content .other-product-category > div{  }
  .product-list .product-list-container .product-list-content .other-product-category > div ul{  }
  .product-list .product-list-container .product-list-content .other-product-category > div ul li{margin-bottom: 35px;}
  .product-list .product-list-container .product-list-content .other-product-category > div ul li + li{margin-left: 3.9%;}
  .product-list .product-list-container .product-list-content .other-product-category > div ul li a{  }
  .product-list .product-list-container .product-list-content .other-product-category > div ul li a { display: block; }

    .product-list .product-list-container .main-product-list ul li .main-product-list-img
  .product-list .product-list-container .product-list-content .other-product-category .title {}
  .product-list .product-list-container .product-list-content .other-product-category .title h3 { font-weight: 600; font-size: 30px; color: #101A2B; margin-bottom: 40px; }
  .product-list .product-list-container .product-list-content .other-product-category .title h3 span {color: #cc1517;}
  .product-list .product-list-container .product-list-content .other-product-category > div ul li h3 { font-size: 15px; padding-left: 15px; margin-top: 15px; font-weight: 600 }
  .product-list .main-product-list ul li .main-product-list-img {
    height: 150px;
  }

  .product-list .main-product-list ul li .main-product-list-img .fake-img {
    top: 30px;
  }

  .product-list .product-list-container .product-list-content .other-product-category > div ul li h3:before { width: 9px; height: 11px; }
  .product-list .product-list-container .product-list-content .other-product-category > div ul li:nth-child(3n+1) { margin-left: 0; }
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body {}
  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el {/* height: 35px; */}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item{ padding:30px 30px; background:#FAFAFA; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; position:relative;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .product-content-item-body-left, .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .product-content-item-body-right{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .item-el.item-number{ font-weight:bold; color:#101a2b; padding-left:30px; position:relative;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .product-content-item-body-item-el{ position:absolute; top:0; left:0; right:0; bottom:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; background:#59616F; border-radius:0; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 15px 0 30px; opacity:0; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-el .product-content-item-body-item-right .item-el + .item-el:before{ opacity:0;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-el .product-content-item-body-item-right .item-el{}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-el .product-content-item-body-right .item-el{}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .select2-container .select2-selection--single{border-color: #ffffff00;height:35px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .select2-container--default .select2-selection--single .select2-selection__rendered{color: #59616F;line-height: 31px;white-space:normal;overflow:visible;padding-left: 10px;padding-right: 0;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .select2-container--default .select2-selection--single .select2-selection__arrow b{top: 37%;left:0px;background-image: url(../img/svg/select-icon.svg);background-repeat: no-repeat;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    top: 24%;
  }
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-right .item-el + .item-el:before{}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-el .product-content-item-body-right .item-el + .item-el:before{ opacity:0;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-el .product-content-item-body-right .item-el + .item-el{ margin-left:5px;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-el .product-content-item-body-right .item-el.basket-add{ padding:10px 13px; background:#fff; border-radius:100px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-left:20px; cursor:pointer;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-el .product-content-item-body-right .item-el.basket-add svg{ margin-right:10px;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-el .product-content-item-body-right .item-el.basket-add span{ font-weight:bold; font-size:12px; color:#101a2b; margin-left:-33px; opacity:0; -webkit-transition:0.6s; -o-transition:0.6s; transition:0.6s;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .product-content-item-body-item-fake{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; position:absolute; top:0; left:30px; right:30px; bottom:0; opacity:1; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-el:hover .product-content-item-body-right .item-el.basket-add span{ margin-left:0; opacity:1;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .product-content-item-body-item-el:hover{ left:-40px; right:-40px; border-radius:100px; opacity:1;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item:hover .product-content-item-body-item-fake{ left:-40px; right:-40px; opacity:0;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .product-content-item-body-item-el .item-el.item-number{ color:#fff;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .product-content-item-body-item-el .item-el{ color:#CDD6E6;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .item-el{ font-weight:500; font-size:15px; color:#59616f;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .item-el + .item-el{ margin-left:35px; position:relative;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .item-el + .item-el:before{ content:""; position:absolute; top:37%; left:-23px; background-image:url(../img/main/user-arrow.svg); width:11px; height:9px; background-repeat:no-repeat; background-size:contain; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .item-el.item-number:before{ content:""; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); background-image:url(../img/main/list-img.svg); width:14px; height:15px; background-size:cover;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item + .product-content-item-body-item{ border-top:1px solid #EEEEEE;}
    
    .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(1) .my-list-content-body-item-el:nth-child(2) {
    margin-left: 31px;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(1) .my-list-content-body-item-el:nth-child(3) {
    margin-left: 39px;
    text-align: left;
    padding-left: 5px;
    width: auto;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(1) {
    width: auto;
    margin-right: 0;
    max-width: 65px;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2) {
    margin-right: 0;
    width: auto;
  }
  .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el + .my-list-content-body-item-el {
      margin-left: 35px;
  }
  .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(3) {
    margin-right: 0;
    width: auto;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(4) {
    width: 25px;
    text-align: left;
  }
  .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el .real-title {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 17px;
}

.product-list .my-list-content .my-list-content-header .my-list-content-header-item:first-child .my-list-content-header-item-el:first-child {
    margin-right: 11px;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el.empty-item-el .real-title {
    opacity: 1;
    visibility: visible;
}

.product-list .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2) .my-list-content-header-item-el:nth-child(3) {
    margin-right: 5px;
}

.product-list .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2) .my-list-content-header-item-el:nth-child(2) {
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2) .select2 {
    margin-left: 0;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:before {
    left: -11px !important;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(3) .select2-selection_rendered {
    padding-left: 0;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(3) .select2-selection__rendered {
    padding-left: 5px;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(4) .select2-selection__rendered {
    padding-left: 4px;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(4) .real-title {
    margin-left: 4px;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item .my-list-content-body-item-el .select2 {}

.product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .select2-container .select2-selection--single span.select2-selection__arrow {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .my-list-content-body-item-container.active .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #CDD6E6;
}

.product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .my-list-content-body-item-container.active .select2-container--default .select2-selection--single  span.select2-selection__arrow {
    opacity: 1;
    visibility: visible;
}

.product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .my-list-content-body-item-container.active .select2-container--default .select2-selection--single {
    border-color: #CDD6E6;
}

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item {
    padding: 10px 15px 10px 0;
    height: 62px;
  }
  .product-list .my-list-content.list-item-one .my-list-content-body .my-list-content-body-item {
    padding-right: 10px;
}
.product-list .my-list-content .my-list-more-btn {
    color: #cc1517;
    position: absolute;
    right: 3vw;
    top: 50%;
    -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
            transform: translateY(-55%);
    z-index: 9;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    pointer-events: none;
}

.product-list .my-list-content .my-list-content-body-item-container:before {content: "";position: absolute;/* top: 0; *//* bottom: 0; *//* right: 0; *//* left: 0; *//* background: linear-gradient(to left, #f1f1f1 10%, #ffffff00); *//* z-index: 9; *//* pointer-events: none; *//* opacity: 0; *//* transition: 0.4s; */}
.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover {
    /* background: #f1f1f1; */
}
.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-more-btn {
    opacity: 1;
    visibility: visible;
}
.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active:before {
    opacity: 0 !important;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-more-btn {
    opacity: 0;
    visibility: hidden !important;
}
  .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2):before {
    left: initial;
  }

    .product-list .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.add-basket {
    background: #fff;
    width: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px 0;
    border-radius: 100px;
    opacity: 0;
    visibility: hidden;
    margin: 0 !important;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border: none;
    cursor: pointer;
    outline: none !important;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.add-basket svg {
    margin-right: 8px;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.add-basket span {
    color: #000;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item-el.add-basket{
    /* width: 90px; */
    /* opacity: 1; */
    /* visibility: visible; */
    /* margin-left: 15px; */
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active {
    background: #59616F !important;
    margin-left: -40px;
    margin-right: -40px;
    border-radius: 100px;
    padding-right: 10px;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item .my-list-content-body-item-el.item-number {
    color: #fff;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item .my-list-content-body-item-el {
    color: #fff;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item-el.add-basket {
    width: 90px !important;
    opacity: 1;
    visibility: visible;
    margin-left: 25px !important;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:before {
    opacity: 0;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:before {opacity: 0;}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(1) {
    width: 90px;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2) {
    width: 90px;
    margin-right: 10px;
}
.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el + .my-list-content-body-item-el {
    margin-left: 27px;
}
.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(3) {
    width: 100px;
    margin-right: 12px;
    margin-left: 23px !important;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(4) {
    width: 60px;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item .my-list-content-body-item-el .real-title {
    /* opacity: 0; */
    /* visibility: hidden; */
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item .my-list-content-body-item-el .select2 {
    opacity: 1;
    visibility: visible;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover:before {/* opacity: 1; */}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container {
    cursor: pointer;
    position: relative;
    padding-right: 20px;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item-el.add-basket:hover {
    background: #cc1517;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.add-basket:hover span {
    color: #fff;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item-el.add-basket:hover svg path {
    fill: #fff;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item-el.add-basket svg path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

  @media only screen and (max-width: 1370px) {
  .product-list .product-list-container .product-list-img {
    width: 40%;
  }
}

  @media only screen and (max-width: 991px) {
     .product-list .product-list-container {
        display: block;
    }

  .product-list .product-list-container .product-list-img .product-list-bg {
    bottom: 0;
  }

  .product-list .main-product-list ul li .main-product-list-img {
    height: 170px;
  }

    .product-list .product-list-container .product-list-img {
        width: 100%;
        height: 500px;
    }

    .product-list .product-list-container .product-list-img:before {
        bottom: -9px;
        left: 20px;
        right: auto;
        top: auto;
        height: 17px;
        width: 100px;
    }

    .product-list .product-list-container .product-list-img .product-list-bg:before {
        opacity: 0.8;
    }

    .product-list .product-list-container .product-list-content .product-content-title h1 {
        font-size: 30px;
    }

    .product-list .product-list-container .product-list-content .product-content-text p {
        font-size: 18px;
    }

    .product-list .product-list-container .product-list-content {padding: 80px 40px 60px;}

    .product-list .product-list-container .product-list-content .other-product-category > div ul li:nth-child(2n+1) {
        margin-left: 0;
    }

    .product-list .product-list-container .product-list-content .other-product-category > div ul li:nth-child(2n) {
        margin-left: 3.9%;
    }   
}

@media only screen and (max-width: 767px) {
    .product-list .product-list-container .product-list-img {
        height: 50vh;
    }

    .product-list .my-list-content .my-list-content-body-item-container:before {
    display: none;
}

.product-list .my-list-content .my-list-more-btn {
    display: none;
}

    .product-list .product-list-container .product-list-img:before {
        height: 10px;
        bottom: -5px;
    }

    .product-list .product-list-container .product-list-content {
        padding: 40px 20px 40px;
        background: #fff;
        position: relative;
    }


  .product-list .main-product-list ul li .main-product-list-img .fake-img {
    top: -20px;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }

  .product-list .main-product-list ul li .main-product-list-img {
    height: 200px;
  }

.product-list .product-list-container .product-list-img .product-list-bg {
    position: absolute;
    bottom: initial;
    height: 50vh;
}
    .product-list .product-list-container .product-list-content .product-content-title h1 {
        margin-bottom: -10px;
    }

    .product-list .product-list-container .product-list-content .product-content-text p {
        font-size: 15px;
    }

    .product-list .product-list-container .product-list-content .product-content-title h1 {
        font-size: 28px;
    }

    .product-list .product-list-container .product-list-content .product-content-list ul li {
        padding-left: 30px;
        padding-right: 10px;
    }

    .product-list .product-list-container .product-list-content .product-content-list ul li:before {
        width: 20px;
        background-size: 60px;
    }

    .product-list .product-list-container .product-list-content .product-content-list ul {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .product-list .product-list-container .product-list-content .product-content-list {
        margin: 30px 0 10px;
    }

    .product-list .my-list-content {
        max-width: 100%;
    }

    .product-list .product-list-container .product-list-content .other-product-category .title h3 {
        font-size: 28px;
    }

    .product-list .product-list-container .product-list-content .other-product-category {
        margin-top: 60px;
    }

    .product-list .product-list-container .product-list-content .other-product-category > div ul li {
        margin-left: 0 !important;
    }

    /**/
    .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item .my-list-content-body-item-el .select2 {
    opacity: 1;
    visibility: visible;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item .my-list-content-body-item-el .real-title {
    opacity: 0;
    visibility: hidden;
  }

  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .select2-container .select2-selection--single {border-color: rgba(57, 65, 79, 0.6);}

  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(57, 65, 79, 0.6);
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(1) {
    width: 90px;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2) {
    width: 90px;
    /* margin-right: 10px; */
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(3) {
    width: 100px;
    /* margin-right: 10px; */
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(4) {
    /* width: 60px; */
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item-el.add-basket {
    width: 90px !important;
    opacity: 1;
    visibility: visible;
    /* margin-left: 15px; */
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:before {
      opacity: 0;
    }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container {
    min-width: 850px;
  }

  .product-list .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2) .my-list-content-header-item-el + .my-list-content-header-item-el {margin-left: 50px;}

  .product-list .my-list-content .my-list-content-header {min-width: 850px;padding-right: 140px;}
    /**/

    .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item .my-list-content-body-item-el .select2 {width: 140% !important;min-width: 50px;}

    .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el + .my-list-content-body-item-el {
        margin-left: 50px;
    }
    .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) {
        padding-right: 150px;
    }
    .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .select2-container .select2-selection--single span.select2-selection__arrow {
        opacity: 1;
        visibility: visible;
    }

    .product-list .my-list-content.element-one .my-list-content-body .my-list-content-body-item-container {
        min-width: 650px;
    }

    .product-list .my-list-content.element-one .my-list-content-header {
        min-width: 650px;
        padding-right: 50px;
    }

    .product-list .my-list-content.element-two .my-list-content-body .my-list-content-body-item-container {
        min-width: 700px;
    }

    .product-list .my-list-content.element-two .my-list-content-header {
        min-width: 700px;
    }
}

/* Career */
  .page.career.career1 .col-lg-5 h2{ padding-right:100px;}
  .page.career .accordion-cards{ margin-top:-15px; margin-right:100px;}
  .page.career .form-group .input-group{ position:relative}
  .page.career .form-group .input-group .input-group-prepend{ margin-bottom:0; position:absolute; right:5px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
  .page.career .form-group .input-group .input-group-text{ margin-bottom:0; font-weight:bold; font-size:13px; color:#101A2B; border-radius:20px; background:#f3f2f6; border:none; padding:11px 16px; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
  .page.career .form-group .input-group small{ position:absolute; right:0; top:100%}
  .page.career.career1{ padding:130px 100px;}
  .page.career .form-group .input-group:hover .input-group-text{ background:#23a74f; color:#fff;}
  .page.career .form-group .input-group .input-group-text svg path{ -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
  .page.career .form-group .input-group:hover .input-group-text svg path{ fill:#fff;}
  .page.career.career1 h2{ font-weight:bold; font-size:25px; color:#101A2B; margin-bottom:55px; text-align:center;}
  .page.career.career1 .container{ max-width:1350px;}
  .page.career.career1 .container .col-lg-5{}
  .page.career.career1 .container .row{ -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
  .accordion .card{ border:none;}
  .accordion-cards .accordion .card-header{ border-bottom:1px solid #101A2B; margin-bottom:0;}
  .page.career .accordion-cards .accordion .card{}
  button.btn.btn-link.collapsed{}
  .accordion .btn-link svg{ fill:#1A1255; width:10px; height:13px; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); position:absolute; right:10px; top:20px; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
  .accordion .card-body{ padding:10px 10px 5px 0; overflow:hidden;}
  .accordion .card-body p{ font-size:14px; line-height:23px; color:#909691; margin-bottom:15px;}
  .accordion .card-body a{ font-weight:bold; font-size:14px; color:#101A2B; display:inline-block; padding:12px 25px; text-align:center; float:right; border-radius:120px; background:#f3f2f6; border:none; text-transform:uppercase;}
  .accordion .btn-link.collapsed svg{ -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
  .accordion .btn-link.collapsed{ opacity:0.6;}
  .accordion .card-body a:hover{ color:#f3f2f6; background:#cc1517;}
  .career1 .form-group{ margin:0 10px 50px;}
  .page.career.career1 .col-lg-7{ padding-left:70px;}
  .page.career .form-group .input-group .input-group-text svg{ margin-right:10px;}
  .custom-file .custom-file-input{height:100%;cursor: pointer;}
  .custom-file-label{height:100%;border:none;background:#fff0;padding: 13px 20px;margin:0;line-height:normal;z-index: 2;cursor: pointer;}
  .custom-file{height:50px;border-radius:25px;border:1px solid #101A2B;opacity:0.6;cursor: pointer;}
  .custom-file-input:focus~.custom-file-label{ -webkit-box-shadow:none; box-shadow:none;}
  .form-group textarea.form-control{ height:180px; padding:15px 20px; resize:none;}
  .career1 .form-group.form-row{margin:0 0 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .career1 .form-group.form-row .captcha:first-child{ margin-left:5px;}
  .career1 .form-group.form-row .form-group{margin-left: 6px;margin-bottom:0;-webkit-box-flex: 0;-ms-flex: 0 0 32%;flex: 0 0 32%;}
  .career1 .form-group.textarea-group{ margin-bottom:30px;}
  .career1 .form-group.form-row .captcha {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
            flex: 0 0 32%;
}
  .career .form-group .submit input {padding: 14.5px 35px;width: 100%;}
  .form-group .submit input:hover{ background:#cc1517; color:#f3f2f6;}
  .form-group .submit input{ font-weight:bold; font-size:14px; color:#101A2B; padding:13px 35px; border:none; border-radius:100px; background:#f3f2f6; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
  @media only screen and (max-width:1370px){
    .page.career.career1 .col-lg-7{ padding-left:0;}
  }
  @media only screen and (max-width:1199px){
    .page.career.career1{ padding:100px 50px;}
    .career1 .form-group.form-row .form-group{/* margin-left:50px; */}
    .career1 .form-group.form-row .captcha {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 31.8%;
              flex: 0 0 31.8%;
  }
  }
  @media only screen and (max-width:991px){
    .page.career.career1 h2{ margin-bottom:40px;}
    .page.career .accordion-cards{margin-top:-10px;margin-bottom: 90px;}
    .page.career.career1 .col-lg-7{ padding:0 15px;}
    .page.career.career1{padding: 120px 50px;}
    .page.career.career1 .col-lg-5 h2 {
      padding-right: 0;
    }

    .page.career .accordion-cards {
      margin-right: 0;
    }
  }
  @media only screen and (max-width:767px){
    .page.career.career1{padding: 80px 10px 50px;}
    .page.career.career1 h2{ font-size:20px; margin-bottom:40px;}
    .page.career .accordion-cards{margin-top: -20px;margin-bottom: 70px;}
    .career1 .form-group{ margin:0 0 30px;}
    .career1 .form-group.form-row .captcha{ -webkit-box-flex:0; -ms-flex:0 0 48.4%; flex:0 0 48.4%; max-width:48.4%; padding:0;}
    .career1 .form-group.form-row .form-group .submit {
      width: 100%;
      display: block;
    }   
    .career1 .form-group.form-row .form-group{margin-left: auto;margin-top:25px;margin-right:0;width: calc(50% - 4px);-webkit-box-flex: 0;-ms-flex: 0 0 calc(50% - 4px);flex: 0 0 calc(50% - 4px);}
    .career1 .form-group.form-row .form-group input{padding: 14.5px 0;width: 100%;}
    .career1 .form-group.form-row .captcha:first-child{ margin-left:0; margin-right:10px;}
    .custom-file-label{font-size: 11px;padding:17px 20px;}
    .page.career .form-group .input-group .input-group-text svg{ display:none;}
    .page.career .form-group .input-group .input-group-text{ font-size:10px;}

  }

/* User Screen */
  .user-screen{min-height: 60vh;padding: 100px 0 200px;}
  .user-screen .user-screen-bar {}
  .user-screen .user-screen-bar ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .user-screen .user-screen-bar ul li{position: relative;}
  .user-screen .user-screen-bar ul li + li{margin-left: 50px;}
  .user-screen .user-screen-bar ul li a.active {
    font-weight: bold;
    color: #101A2B;
  }

  /**/
    .user-screen .user-screen-bar > ul > li:hover ul {
        opacity: 1;
        visibility: visible;
    }

    .user-screen .user-screen-bar > ul > li {
        padding-bottom: 50px;
        margin-bottom: -50px;
    }
    .user-screen .user-screen-bar ul li ul {
        position: absolute;
        top: 75px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 630px;
        background: #ffffff;
        border-radius: 30px;
        -webkit-box-shadow: 0px 13px 56px rgba(0, 0, 0, 0.16);
                box-shadow: 0px 13px 56px rgba(0, 0, 0, 0.16);
        z-index: 1;
        padding: 30px 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
    .user-screen .user-screen-bar ul li ul:before {content: "";position: absolute;top: 0;left: 50%;-webkit-transform: translateY(-50%) rotate(45deg);-ms-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);width: 40px;height: 40px;background: white;border-radius: 5px;pointer-events: none;}

    .user-screen .user-screen-bar ul li ul span {
        display: block;
    }

    .user-screen .user-screen-bar ul li ul .sub-search {
        margin-right: 70px;
    }

    .user-screen .user-screen-bar ul li ul .sub-search input {
        font-weight: 500;
        font-size: 15px;
        color: #6e7b91;
        height: 35px;
        padding: 0 20px;
        border: 1px solid #cc1517;
        border-radius: 100px;
    }

    .user-screen .user-screen-bar ul li ul .company-list {
        height: 217px !important;
        padding: 5px 40px 10px 0;
        overflow-y: auto !important;
        width: 210px;
    }

    .user-screen .user-screen-bar ul li ul .company-list::-webkit-scrollbar {
      width: 2px;

    }

    /* Track */
    .user-screen .user-screen-bar ul li ul .company-list::-webkit-scrollbar-track {
      background: white; 
      border-radius: 10px;
    }

    /* Handle */
    .user-screen .user-screen-bar ul li ul .company-list::-webkit-scrollbar-thumb {
      background: #d8d8d8; 
      border-radius: 10px;

    }

    .user-screen .user-screen-bar ul li ul .company-list .company-list-item a {
        font-weight: 500;
        font-size: 15px;
        color: #101a2b;
        position: relative;
        padding-left: 25px;
    }

    .user-screen .user-screen-bar ul li ul .company-list .company-list-item + .company-list-item {
        margin-top: 15px;
    }

    .user-screen .user-screen-bar ul li ul .company-list .company-list-item:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;background-image: url(../img/main/list-img.svg);width: 13px;height: 13px;background-size: contain;background-position: center;background-repeat: no-repeat;}
  /**/

  .welcome-screen {
      padding: 100px 0;
  }

  .welcome-screen .user-screen-content {
      padding: 100px 0;
  }

    .user-screen .user-screen-bar ul li a span {
      position: relative;
  }

  .user-screen .user-screen-bar ul li:before {}

.user-screen .user-screen-bar ul li a.active:before {
    opacity: 1;
    visibility: visible;
}

.user-screen .user-screen-bar .user-bar-slide {
    display: none;
}

  .user-screen .user-screen-bar ul li a:before {content: "";position: absolute;bottom: 5px;left: 26px;right: -10px;height: 4px;background: #cc1517;border-radius: 100px;opacity: 0;visibility: hidden;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .user-screen .user-screen-bar ul li a{font-weight: 500;font-size: 20px;color: #6e7b91;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;}
  .user-screen .user-screen-bar ul li a:hover{  }
  .user-screen .user-screen-bar ul li a svg{margin-right: 13px;}
  .user-screen .user-screen-bar ul li a svg path{  }
    .welcome-screen.user-screen .user-screen-content .user-screen-content-item:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;right: 0;height: 1px;background: #101A2B;opacity: 0.10;pointer-events: none;}
    
  .user-screen .user-screen-content{margin: 0 100px;}
  .user-screen .user-screen-content .user-screen-content-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;position: relative;}
  .user-screen .user-screen-content .user-screen-content-item .user-welcome{position: relative;background: #fff;padding-right: 100px;}
  .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title{position: relative;}
  .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;width: 4.2vw;height: 3.7vw;background-image: url(../img/main/list-img.svg);background-size: contain;background-position: center;background-repeat: no-repeat;}
  .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title h2{font-weight: bold;font-size: 1.5vw;color: #101a2b;padding-left: 6.3vw;}
  .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title h2 span{font-weight: 500;color: #6E7B91;display: block;}
  .user-screen .user-screen-content .user-screen-content-item .user-welcome-text{max-width: 21.1vw;-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;position: relative;background: #fff;padding-left: 45px;}
  .user-screen .user-screen-content .user-screen-content-item .user-welcome-text p{font-weight: 500;font-size: 1.3vw;color: #6e7b91;margin-bottom: 0;}

  .welcome-screen.user-screen .user-screen-bar{margin-bottom: 150px;}
    
    .info-edit.user-screen .form-group button { font-size: 14px; color: #101A2B; display: inline-block; padding: 12px 35px; text-align: center; border-radius: 120px; background: #f3f2f6; border: none; font-weight: bold; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; outline: none !important; }
  .info-edit.user-screen .form-group button:hover { color: #f3f2f6; background: #cc1517; }
  .info-edit.user-screen .form-row .form-group { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 28px); flex: 0 0 calc(50% - 28px); }
  .info-edit.user-screen .form-row .form-group + .form-group { margin-left: 55px; }
  .info-edit.user-screen .form-row .form-group .select2 {width: 100% !important;text-align: left;}
  .info-edit.user-screen .form-group { margin-bottom: 55px; text-align: right; }
  .info-edit.user-screen form{margin: 100px 200px 0;}
    .info-edit .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 47px;
    font-size: 14px;
    color: #909691;
    font-weight: normal;
    padding-left: 20px;
  }

.info-edit .form-group .form-control {
    color: #000000;
}

.info-edit .form-group .form-control::-webkit-input-placeholder { /* Edge */
  color: #000000;
}

.info-edit .form-group .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000000;
}

.info-edit .form-group .form-control::-moz-placeholder {
  color: #000000;
}

.info-edit .form-group .form-control::-ms-input-placeholder {
  color: #000000;
}

.info-edit .form-group .form-control::placeholder {
  color: #000000;
}

.info-edit .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
}

  .info-edit .select2-container .select2-selection--single {
    border: 1px solid #101A2B;
    opacity: 0.6;
  }

  .user-screen.my-list{}
  .user-screen.my-list .my-list-header{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-top:50px;}
  .user-screen.my-list .my-list-header .my-list-header-item{text-align:center;border:1px solid #CDD6E6;padding: 12px 15px;min-width:90px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 0;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;cursor: pointer;height: 100%;}
  .user-screen.my-list .my-list-header .my-list-header-item.border-active {
      border-radius: 100px 0 0 100px;
  }
  .user-screen.my-list .my-list-header .my-list-header-item .form-el{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right: 0;}
  .user-screen.my-list .my-list-header .my-list-header-item .form-el svg{ width:15px; height:15px; margin-right:10px;}
  .user-screen.my-list .my-list-header .my-list-header-item .form-el input{width: 23px;border:none;font-weight:500;font-size:15px;color:#6e7b91;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
  .user-screen.my-list .my-list-header .my-list-header-item span{font-weight:500;font-size:15px;color:#6e7b91;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .user-screen.my-list .my-list-header .my-list-header-item + .my-list-header-item{ border-left:none;}
  .user-screen.my-list .my-list-header .my-list-header-item:first-child{ border-radius:80px 0 0 80px;}
  .user-screen.my-list .my-list-header > div:last-child{border-radius:0px 80px 80px 0px;}
  .user-screen.my-list .my-list-header .my-list-header-item .form-el:hover input{ width:280px;}
    .user-screen.my-list .my-list-header .my-list-header-item .form-el.full-active input {
    width: 280px;
}
.user-screen.my-list .my-list-header > div + div {
    margin-left: -1px;
}
.user-screen.my-list .my-list-header .my-list-header-item span.select2 {
    /* width: 130px !important; */
    padding-bottom: 5px;
    margin-top: -5px;
    -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
            transform: translateY(5px);
}

.user-screen.my-list .my-list-header .my-list-header-item span.select2 .select2-selection.select2-selection--single {
    border: none;
    height: auto;
}
span.select2-dropdown.select2-dropdown--below.user-screen-select-dp ul li {
    padding: 7px 10px;
    font-size: 15px;
}
span.select2-dropdown.user-screen-select-dp.select2-dropdown--below {
    border-color: #cdd6e6;
    border-top: 1px solid #fff;
}
.user-screen.my-list .my-list-header .my-list-header-item span.select2 .select2-selection__rendered {
    line-height: 26px;
    padding-right: 65px;
    padding-left: 10px;
    height: 27px;
}

.user-screen.my-list .my-list-header .my-list-header-item span.select2 .select2-selection.select2-selection--single .select2-selection__arrow {
    top: -6px;
    right: -7px;
}
.user-screen.my-list .my-list-header label.my-list-header-item:hover {
    background: #CDD6E6;
}
.user-screen.my-list .my-list-header label.my-list-header-item.active {
    background: #CDD6E6;
}

.user-screen.my-list .my-list-header label.my-list-header-item.active span {
    color: #fff;
}

.user-screen.my-list .my-list-header label.my-list-header-item:hover span {
    color: #fff;
}
.user-screen.my-list .my-list-content .my-list-content-header .my-list-content-header-item-el {
    text-align: left;
}
.user-screen.my-list .my-list-content .my-list-content-header .my-list-content-header-item-el:nth-child(2) {width: 83px;margin-left: 44px;padding-left: 8px;text-align: left;}
.user-screen .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(1) .my-list-content-body-item-el:nth-child(3) {
    width: 150px;
    text-align: left;
}
.user-screen.my-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(1) .my-list-content-body-item-el:nth-child(2) {
    margin-left: 43px;
    width: auto;
    padding-left: 6px;
}

.user-screen.my-list .my-list-content .my-list-content-body .my-list-content-body-item {
}

.user-screen.my-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2).item-show {
    width: 0;
    /* width: auto; */
}

.user-screen.my-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(1) {
    margin-right: 0;
    width: auto;
}


  .my-list-content{max-width: 780px;margin:60px auto 0;}
  .my-list-content .my-list-content-header{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; background:#F1F1F1; padding:15px 30px; border-radius:20px 20px 0 0;}
  .my-list-content .my-list-content-header .my-list-content-header-item{display:-webkit-box;display:-ms-flexbox;display:flex;text-align: center;}
  .my-list-content .my-list-content-header .my-list-content-header-item-el{ font-weight:500; font-size:15px; color:#101a2b; position:relative;}
  .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(1) .my-list-content-body-item-el:nth-child(2){width: 361px;margin-left:32px;}
  .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(1) .my-list-content-body-item-el:nth-child(3){width: 70px;margin-left:30px;}
  .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(1){ width:140px; margin-right:34px;}
  .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2){width:70px;margin-right: 0;}
  .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2):before{left:-25px;}
  .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2) .my-list-content-header-item-el:first-child:before{content:"";position:absolute;top:35%;left:-22px;background-image:url(../img/main/user-arrow.svg);width:11px;height:9px;background-repeat:no-repeat;background-size:contain;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
  .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2){}
    
  .my-list-content .my-list-content-body{background:#FAFAFA;}

  .my-list-content .my-list-content-body .my-list-content-body-item-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding: 0 30px;-webkit-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
  .my-list-content .my-list-content-body .my-list-content-body-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding: 7px 0;}
  .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-number{ font-weight:bold; font-size:15px; color:#101A2B; width:auto; margin-right:0; padding-left:30px;}
  .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el{font-weight:500;font-size:15px;color:#59616F;text-align:center;position:relative;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el + .my-list-content-body-item-el{ margin-left:0;}
  .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-number:before{ content:""; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); background-image:url(../img/main/list-img.svg); width:14px; height:15px; background-size:cover;}
  .my-list-content .my-list-content-body .my-list-content-body-item + .my-list-content-body-item{/* border-top:1px solid #EEEEEE; */}
  .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) div:first-child:before{content:"";position:absolute;top:37%;left:-18px;background-image:url(../img/main/user-arrow.svg);width:11px;height:9px;background-repeat:no-repeat;background-size:contain;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity: 1;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-show{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding: 10px 0px;background:#fff;width:0;border-radius:100px;opacity:0;visibility:hidden;margin-left:0;cursor: pointer;}
  .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-show:before {
    visibility: hidden;
  }
  .user-screen .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-show span {
    /* width: 0; */
}
  .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-show span{ font-weight:500; font-size:12px; color:#101a2b; display:block;}
  .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-show svg{min-width:6px;margin-left: 8px;}
    .my-list-content .my-list-content-body .my-list-content-body-item-container + .my-list-content-body-item-container {
    border-top: 1px solid #EEEEEE;
  }
    
    .my-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover {
    background: #59616F;
    margin-left: -40px;
    margin-right: -40px;
    border-radius: 100px;
    padding-right: 10px;
  }

  .my-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el {
    color: #fff;
  }

  .my-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el.item-number {
    color: #fff;
  }

  .my-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el.item-show {
    width: 105px !important;
    opacity: 1;
    visibility: visible;
    padding: 10px 18px;
    margin-left: 15px;
  }


  .raports{}
  .raports .raports-container{}
  .raports .raports-container .report-content{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top: 60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom: -30px;}
  .raports .raports-container .report-content .report-text-container{max-width:335px;-webkit-box-flex:0;-ms-flex:0 0 31%;flex:0 0 31%;text-align:center;margin-right: 0;}
  .raports .raports-container .report-content .report-text-container .report-input{position:relative;margin-bottom:25px;}
  .raports .raports-container .report-content .report-text-container .report-input input, .raports .raports-container .report-content .report-text-container .report-input textarea{border-radius:19px;border:2px solid rgba(16, 26, 43, 0.25);font-weight:500;font-size:12px;color:#101a2b;resize:none;width:100%;padding-left:25px;}
  .raports .raports-container .report-content .report-text-container .report-input input{ height:40px;}
  .raports .raports-container .report-content .report-text-container .report-input input::-webkit-input-placeholder{ font-weight:bold; opacity:1; color:#101a2b;}
  .raports .raports-container .report-content .report-text-container .report-input input::-moz-placeholder{ font-weight:bold; opacity:1; color:#101a2b;}
  .raports .raports-container .report-content .report-text-container .report-input input:-ms-input-placeholder{ font-weight:bold; opacity:1; color:#101a2b;}
  .raports .raports-container .report-content .report-text-container .report-input input::-ms-input-placeholder{ font-weight:bold; opacity:1; color:#101a2b;}
  .raports .raports-container .report-content .report-text-container .report-input input::placeholder{ font-weight:bold; opacity:1; color:#101a2b;}
  .raports .raports-container .report-content .report-text-container .report-input input:-ms-input-placeholder{ font-weight:bold; color:#101a2b;}
  .raports .raports-container .report-content .report-text-container .report-input input::-ms-input-placeholder{ font-weight:bold; color:#101a2b;}
  .report-input-options{background:#fff;position:absolute;top:50%;left:-15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-radius:100px;-webkit-box-shadow:0px 3px 16px rgba(16, 26, 43, 0.1);box-shadow:0px 3px 16px rgba(16, 26, 43, 0.1);overflow: hidden;z-index: 1;}
  .report-input-options .options-item{font-weight:500;font-size:15px;color:#6e7b91;padding: 6px 8px;cursor: pointer;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .report-input-options .options-item + .options-item{ border-top:1px solid #E3E3E3;}
  .report-input-options .options-item:nth-child(1){ font-weight:bold;}
  .report-input-options .options-item:hover {
    background: #6e7b91;
    color: #fff;
  }
  .report-input-options .options-item button svg {
      width: 17px;
      height: 17px;
      fill: #222;
  }

  .report-input-options .options-item button {
      border: none;
      display: flex;
      align-items: center;
      padding: 5px 0;
  }
  .raports .raports-container .report-content.main-report-content {
    /* flex-direction: column-reverse; */
    /* align-items: center; */
}

.raports .raports-container .report-content.main-report-content  .report-text-container {
    max-width: 400px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    width: 100%;
    margin-top: 20px;
    margin-right: 70px;
}
.raports .raports-container .report-content.main-report-content .report-text-container form {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
}

  .report-input-options .options-item:nth-child(2){ font-style:italic;}
  .raports .raports-container .report-content .report-text-container .report-input textarea{min-height:200px;padding:20px 25px;opacity: 0.4;}
  .raports .raports-container .report-content .report-text-container button{background:none;outline:none;}

  .report-chat-container{ max-width:450px; -webkit-box-flex:0; -ms-flex:0 0 41%; flex:0 0 41%;}
  .report-chat-container .report-chat-item{display:-webkit-box;display:-ms-flexbox;display:flex;}
  .report-chat-container .report-chat-item.hover-active .report-chat-item-obj {
    background: #cc1517;
  }

  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-title button {
    position: absolute;
    right: -50px;
}

  .report-chat-container .report-chat-item.hover-active .report-chat-item-obj svg ellipse,
  .report-chat-container .report-chat-item.hover-active .report-chat-item-obj svg path {
    fill: #fff;
  }

  .report-chat-container .report-chat-item .report-chat-item-obj svg ellipse, .report-chat-container .report-chat-item .report-chat-item-obj svg path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .report-chat-container .report-chat-item .report-chat-item-obj{min-width:70px;height:70px;border-radius:100%;border:1px solid #cc1517;text-align:center;line-height:65px;margin-right:30px;margin-top: 10px;background: #fff0;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .report-chat-container .report-chat-item .report-chat-item-obj svg{ width:24px; height:27px;}
  .report-chat-container .report-chat-item .report-chat-item-content{ width:100%;}
  .report-chat-container .report-chat-item .report-chat-item-content .update-chat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-right: 20px;
    margin-bottom: -10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }

  .report-chat-container .report-chat-item .report-chat-item-content .update-chat span {
    font-weight: 500;
    font-size: 11px;
    color: #6e7b91;
    display: inline-block;
    margin-left: 0;
  }

  .report-chat-container .report-chat-item .report-chat-item-content .update-chat .update-chat-item + .update-chat-item {
    margin-left: 20px;
  }

  .report-chat-container .report-chat-item .report-chat-item-content .update-chat .update-chat-item {
    cursor: pointer;
    position: relative;
    z-index: 99;
  }

  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item:hover .update-chat {
    opacity: 1;
    visibility: visible;
  }
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-title{ font-weight:500; font-size:12px; color:#6e7b91; display:inline-block; background:#fff; border-radius:7px; -webkit-box-shadow:0px 3px 16px rgba(16, 26, 43, 0.1); box-shadow:0px 3px 16px rgba(16, 26, 43, 0.1); padding:4px 12px; margin-left:17px; position:relative; z-index:9;}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-title time{ margin-left:13px;}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text{ background:#F1F1F1; padding:20px 30px; margin-top:-12px; border-radius:15px; position:relative;}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text ul li {
    list-style-type: inherit;
}

.report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text ul {
    padding-left: 20px;
}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text p{ font-weight:500; font-size:12px; color:#101a2b; margin-bottom:0;}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text time { position: absolute; right: 15px; bottom: 6px; font-weight: 500; font-size: 10px; color: rgba(0, 0, 0, 0.15); }
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item.right{ margin-left:30px;}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item.right .report-chat-item-text{ background:#DDDDDD; padding:16px 30px 12px;}
  .report-chat-container .report-chat-item .report-chat-item-content-right .report-chat-item-content-item .report-chat-item-text p{ color:#6E7B91;}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item + .report-chat-item-content-item{padding-top: 20px;}
  .report-chat-container .report-chat-item + .report-chat-item{padding-top: 35px;}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item.right .report-chat-item-text p{ color:#6E7B91;}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text:before{ content:""; position:absolute; top:50%; -webkit-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); left:-6px; width:28px; height:28px; background:#F1F1F1; border-radius:5px;}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item.right .report-chat-item-text:before{ background:#DDDDDD;}

  .user-screen.my-list .my-list-content table{ width:100%;}
  .user-screen.my-list .my-list-content table thead{ background:#F1F1F1;}
  .user-screen.my-list .my-list-content table thead tr{ height:50px;}
  .user-screen.my-list .my-list-content table thead tr td{ font-weight:500; font-size:15px; color:#101a2b;}
  .user-screen.my-list .my-list-content table tbody tr td{ font-weight:500; font-size:15px; color:#59616f; text-align:center; padding-top:15px; padding-bottom:15px;}
  .user-screen.my-list .my-list-content table tbody tr td:first-child{color:#101A2B;font-weight:bold;position:relative;padding-left: 50px;}
  .user-screen.my-list .my-list-content table thead tr td + td{padding-left:40px;position: relative;}
  .user-screen.my-list .my-list-content table thead tr td + td:before {content: "";position: absolute;top: 50%;left: 13px;background-image: url(../img/main/user-arrow.svg);width: 11px;height: 9px;background-repeat: no-repeat;background-size: contain;-webkit-transform: rotate(-90deg) translateX(37%);-ms-transform: rotate(-90deg) translateX(37%);transform: rotate(-90deg) translateX(37%);}
  .user-screen.my-list .my-list-content table thead tr td:nth-child(3){ padding-right:160px;}
  .user-screen.my-list .my-list-content table tbody tr td + td{padding-left:35px;position: relative;}
  .user-screen.my-list .my-list-content table tbody tr td + td:before {content: "";position: absolute;top: 50%;left: 13px;background-image: url(../img/main/user-arrow.svg);width: 11px;height: 9px;background-repeat: no-repeat;background-size: contain;-webkit-transform: rotate(-90deg) translateX(37%);-ms-transform: rotate(-90deg) translateX(37%);transform: rotate(-90deg) translateX(37%);}
  .user-screen.my-list .my-list-content table tbody tr td:nth-child(3){ text-align:left; padding-left:46px;}
  .user-screen.my-list .my-list-content:nth-child(3){}
  .user-screen.my-list .my-list-content table tbody tr{ background:#FAFAFA;}
  .user-screen.my-list .my-list-content table thead tr td:first-child{ border-top-left-radius:20px; padding-left:30px;}
  .user-screen.my-list .my-list-content table thead tr td:last-child{ border-top-right-radius:20px; padding-right:30px;}
  .user-screen.my-list .my-list-content table tbody tr + tr{ border-top:1px solid #EEEEEE;}
  .user-screen.my-list .my-list-content table tbody tr:last-child td:first-child{ border-bottom-left-radius:20px;}
  .user-screen.my-list .my-list-content table tbody tr:last-child td:last-child{ border-bottom-right-radius:20px;}
  .user-screen.my-list .my-list-content table tbody tr td:last-child{ padding-left:0;}
  .user-screen.my-list .my-list-content table tbody tr td:first-child:before{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left: 28px;background-image:url(../img/main/list-img.svg);width:14px;height:15px;background-size:cover;}

  .list-pagi{ margin-top:50px;}
  .list-pagi ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
  .list-pagi ul li{}
  .list-pagi ul li a{ font-weight:500; font-size:15px; color:#59616f; border:1px solid #fff0; padding:4px 10px; border-radius:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
  .list-pagi ul li a svg{ width:5px; height:8px;}
  .list-pagi ul li a.active{ border-color:#cc1517; color:#101A2B;}
  .list-pagi ul li:first-child a,
  .list-pagi ul li:last-child a{ border:none; padding:0;}
  .list-pagi ul li:first-child a svg{ -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
  .list-pagi ul li + li{ margin-left:10px;}
  .list-pagi ul li a:hover {
    color: #cc1517;
  }

  .list-pagi ul li a.active:hover {
    color: #101A2B;
  }
  
    @media only screen and (max-width: 1370px){
    /* First Screen */
    .user-screen .user-screen-content .user-screen-content-item .user-welcome-text { max-width: 22vw; }


  }

  @media only screen and (max-width: 991px){
    .user-screen .user-screen-bar ul {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
    .user-screen.my-list .my-list-header {
      margin-top: 30px;
    }
    .user-screen .user-screen-bar ul li {
      display: inline-block;
      width: auto;
      margin-bottom: 30px;
    }

    .user-screen .user-screen-bar .swiper-button-next, .user-screen .user-screen-bar .swiper-button-prev {background-image: none;width: 20px;height: 20px;margin-top: -14px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}

    .user-screen .user-screen-bar .swiper-button-next svg, .user-screen .user-screen-bar .swiper-button-prev svg {
      width: 100%;
      height: 100%;
      position: relative;
    }

    .user-screen .user-screen-bar .swiper-button-prev {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
      margin-top: -5px;
    }

    .user-screen .user-screen-bar {
      position: relative;
    }

    .user-screen .user-screen-bar .user-bar-slide {
      display: block;
    }

    .user-screen .user-screen-bar ul:before {content: "";}

    .user-screen .user-screen-bar .swiper-button-next:before {content: "";position: absolute;top: 0;right: -20px;bottom: -8px;width: 100px;background: -webkit-gradient(linear, right top, left top, color-stop(30%, white), to(transparent));background: -o-linear-gradient(right, white 30%, transparent);background: linear-gradient(to left, white 30%, transparent);pointer-events: none;}
    .user-screen .user-screen-bar .swiper-button-prev:before {content: "";position: absolute;top: 0;right: -20px;bottom: -8px;width: 100px;background: -webkit-gradient(linear, right top, left top, color-stop(30%, white), to(transparent));background: -o-linear-gradient(right, white 30%, transparent);background: linear-gradient(to left, white 30%, transparent);pointer-events: none;}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
      opacity: 0;
    }
    
    /* First Screen */

    .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title h2 {
      font-size: 30px;
      padding-left: 80px;
    }

    .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title:before {
      width: 60px;
      height: 60px;
    }

    .user-screen .user-screen-content .user-screen-content-item .user-welcome {
      padding-right: 0;
    }

    .user-screen .user-screen-content .user-screen-content-item {
      display: block;
      text-align: center;
    }

    .user-screen .user-screen-content .user-screen-content-item .user-welcome-text {
      padding-left: 0;
      max-width: 100%;
    }

    .user-screen .user-screen-content .user-screen-content-item .user-welcome-text p {
      font-size: 25px;
    }
    .user-screen.my-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2).item-show {
        width: 105px;
        margin-left: 20px;
    }

    .user-screen .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2) {
        padding-right: 129px;
    }
    .welcome-screen.user-screen .user-screen-content .user-screen-content-item:before {
      visibility: hidden;
    }

    .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title {
      display: inline-block;
      margin-bottom: 30px;
    }

    /* Form Screen */
     .info-edit.user-screen .form-row .form-group .select2 {
        width: inherit !important;
        left: 0;
      }

      .info-edit.user-screen form {
        margin: 100px 10vw 0;
      }  

    /* my bid Screen */
    .user-screen.my-list .my-list-header .my-list-header-item .form-el.full-active input {
      width: 200px;
    }

    .my-list-content .my-list-content-body .my-list-content-body-item-container:hover {
      margin-left: -20px;
      margin-right: -20px;
    }

    .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el {
      font-size: 13px;
    }

    .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el.item-show {
      margin-left: 8px;
    }

    .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-show {
      width: 105px;
      opacity: 1;
      visibility: visible;
      padding: 10px 18px;
      margin-left: 8px;
      background: #59616f;
    }

    .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-show span {
      color: #fff;
    }

    .my-list-content .my-list-content-body .my-list-content-body-item-container:hover {
      margin-left: 0;
      margin-right: 0;
      border-radius: 0;
      background: #fafafa;
    }

    .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el.item-number {
      color: #101A2B;
    }

    .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el {
      color: #59616F;
    }

    /* chat */
    .report-chat-container {
      max-width: 380px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 55%;
      flex: 0 0 55%;
    }

    .raports .raports-container .report-content.main-report-content .report-text-container {
        margin-right: 20px;
    }

    .raports .raports-container .report-content.main-report-content .report-text-container form {
        top: 120px;
    }
  }

  @media only screen and (max-width: 767px){
        .user-screen .user-screen-bar ul li + li {
      margin-left: 40px;
    }

    .user-screen .user-screen-bar ul li {
      margin-bottom: 20px;
    }

    .user-screen .user-screen-bar ul li:last-child {
      margin-left: 0;
    }

    .user-screen .user-screen-bar ul {
      margin-left: -10px;
      display: none;
    }
            
    .user-screen .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2) {
        padding-right: 6px;
    }
    .my-list .my-list-content .my-list-content-header {
      padding-right: 154px;
    }

    .my-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover {
      background: #fafafa;
      margin-left: 0;
      margin-right: 0;
      border-radius: 0;
      padding-right: 30px;
    }

    .my-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el.item-number {
      color: #59616F;
    }

    .my-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el {
      color: #59616F;
    }

    .my-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el.item-show {margin-left: 7px;}

    /* First Screen */

    .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title h2 {
      font-size: 20px;
      padding-left: 50px;
    }

    .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title:before {
      width: 30px;
      height: 30px;
    }

    .user-screen .user-screen-content .user-screen-content-item .user-welcome {
      padding-right: 0;
    }

    .user-screen .user-screen-content .user-screen-content-item .user-welcome-text p {
      font-size: 18px;
    }

    .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title {
      margin-bottom: 20px;
    }

    .user-screen .user-screen-content {
      margin: 0;
    }

    /* Form Screen */
     .info-edit.user-screen  .form-row {
        display: block;
        position: relative;
      }

      .info-edit.user-screen .form-row .form-group + .form-group {
        margin-left: 0;
        margin-bottom: 25px;
      }

      .info-edit.user-screen .form-group {
        margin-bottom: 25px;
        position: relative;
      }

      .info-edit.user-screen form {
        margin: 50px 20px 0;
      }

    /* my bid Screen */
    .my-list-content {
      overflow-x: scroll;
      max-width: 100%;
      border-radius: 30px 30px 0 0;
    }

    .user-screen.my-list .my-list-header {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }

    .user-screen.my-list .my-list-header .my-list-header-item .form-el input {
      width: 100%;
    }
    .user-screen.my-list .my-list-header .my-list-header-item .form-el.full-active input {
        width: 100%;
    }
    .user-screen.my-list .my-list-header .my-list-header-item .form-el:hover input {
        width: 100%;
    }
    .user-screen.my-list .my-list-header .my-list-header-item {
      min-width: initial;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      height: 60px;
      margin-top: -1px;
    }

    .user-screen.my-list .my-list-header .my-list-header-item + .my-list-header-item {border-left: 1px solid #CDD6E6;}

    .user-screen.my-list .my-list-header .my-list-header-item:nth-child(2) {
        /* border-left: 1px solid #CDD6E6; */
    }

    .user-screen.my-list .my-list-header .my-list-header-item:nth-child(2) {
      /* border-radius: 0 0 0 15px; */
    }

    .user-screen.my-list .my-list-header .my-list-header-item:last-child {
      /* border-radius: 0 0 15px 15px; */
      /* margin-top: -1px; */
    }
    .user-screen.my-list .my-list-header .my-list-header-item .form-el {
        width: 100%;
        position: relative;
    }
      .user-screen.my-list .my-list-header .my-list-header-item:nth-child(9) {
          border-bottom-left-radius: 0;
          /* margin-top: 0px; */
          border-left: none;
          border-bottom-right-radius: 10px;
      }
    .user-screen.my-list .my-list-header .my-list-header-item:first-child {
      border-radius: 10px 10px 0 0;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      /* margin-bottom: -1px; */
      /* -webkit-box-pack: start; */
      -ms-flex-pack: start;
      /* justify-content: flex-start; */
      height: 60px;
    }

    .my-list-content .my-list-content-header {
      min-width: 650px;
    }

    .my-list-content .my-list-content-body .my-list-content-body-item {
    }

    .my-list-content .my-list-content-body .my-list-content-body-item-container {
      min-width: 650px;
      background: #FAFAFA;
    }
    .user-screen.my-list .my-list-header .my-list-header-item:nth-child(7) {
        border-left: none;
    }

    .user-screen.my-list .my-list-header .my-list-header-item:nth-child(5) {
        border-left: none;
    }

    .user-screen.my-list .my-list-header .my-list-header-item:nth-child(3) {
        border-bottom-left-radius: 10px;
    }
    /* chat */
    .raports .raports-container .report-content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      margin-top: 50px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

    .user-screen .user-screen-bar ul li a {
      font-size: 17px;
    }

    .user-screen .user-screen-bar ul li a svg {
      width: 15px;
      height: 20px;
      margin-right: 5px;
    }

    .user-screen .user-screen-bar ul li a:before {
      height: 3px;
    }

    .user-screen {
      padding: 30px 10px 50px;
      min-height: 53vh;
      overflow: hidden;
    }
    .welcome-screen.user-screen .user-screen-bar {
    margin-bottom: 70px;
}

    .raports .raports-container .report-content .report-text-container {
      margin: 0 0 0;
      max-width: 300px;
      -webkit-box-flex: 1;
          -ms-flex: auto;
              flex: auto;
      width: 100%;
    }
    .report-chat-container .report-chat-item .report-chat-item-obj {
      min-width: 50px;
      height: 50px;
      line-height: 45px;
      margin-right: 20px;
    }
    .raports .report-chat-container {
        margin-top: 0;
        margin-bottom: 40px;
    }
    .report-chat-container .report-chat-item .report-chat-item-obj svg {
      width: 18px;
    }
    .raports .raports-container .report-content.main-report-content .report-text-container {
        margin: 0 0 50px;
        width: 85%;
    }
  }

/* Basket */
  .basket-list{position: fixed;top: 0;right: 0;left: calc(100% - 700px);bottom: 0;z-index: 999999999;-webkit-transform: translateX(110%);-ms-transform: translateX(110%);transform: translateX(110%);-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
  .basket-list .basket-list-container{max-width: 700px;margin-left: auto;background: #fff;padding: 30px 60px;height: 100%;position: relative;}
  .basket-list .basket-list-container .basket-list-header{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 45px;position: relative;z-index: 99;}
  .basket-list .basket-list-container .basket-list-header h2{font-weight: bold;font-size: 40px;color: #393939;margin-bottom: 0;position: relative;}
  .basket-list .basket-list-container .basket-list-header .list-close-btn{cursor: pointer;}
  .basket-list .basket-list-container .basket-list-header .list-close-btn svg{  }
  .basket-list .basket-list-container .basket-list-header .list-header-btn .list-back-btn svg {
    width: 30px;
    height: 30px;
  }
  .basket-list .basket-list-container .basket-list-header .list-header-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .basket-list .basket-list-container .basket-list-header .list-header-btn .list-back-btn {
    margin-right: 40px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }

  .bid-active .basket-list .basket-list-container .basket-list-header .list-header-btn .list-back-btn {
    opacity: 1;
    visibility: visible;
  }

  .basket-list .basket-list-container .basket-list-header .list-header-btn .list-back-btn:hover svg path {
    fill: #cc1517;
  }

  .basket-list .basket-list-container .basket-list-header .list-header-btn .list-back-btn svg path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
    .basket-list .basket-list-container .basket-list-header .list-close-btn:hover svg path {
    fill: #cc1517;
  }

  .basket-list .basket-list-container .basket-list-header .list-close-btn svg path {
    fill: #000;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }

  .basket-list .basket-list-container .basket-list-item-container { position: relative; }
  .basket-list .basket-list-container .basket-list-item-container .basket-list-scroll{max-height: 65vh;overflow-y: auto;position: relative;padding-bottom: 300px;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-scroll::-webkit-scrollbar { width: 0; }
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-img{width: 85px;height: 85px;border-radius: 100%;background: #FAFAFA;margin-right: 25px;background-image: url(../img/main/list-img.svg);background-repeat: no-repeat;background-position: center;background-size: 35px;}
  .basket-list .basket-list-container .basket-list-item-container:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 300px;background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);z-index: 9;pointer-events: none;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text{  }
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h2{font-weight: bold;font-size: 20px;color: #101a2b;margin-bottom: 15px;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;max-width: 270px;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h3{font-weight: 500;font-size: 15px;color: #6e7b91;margin-bottom: 0;position: relative;padding-left: 12px;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h3.text-danger{ font-size: 10px; }
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 40px;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar .qty-plus, .qty-minus{/* transform: translateX(-6px); */cursor: pointer;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar .qty-plus{  }
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar .qty-minus{  }
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar input{font-weight: bold;font-size: 15px;color: #585858;text-align: center;width: 100%;border: none;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar svg{  }

  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-delete{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;cursor: pointer;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-delete svg{margin-right: 5px;margin-top: 3px;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-delete span{font-weight: 500;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;font-size: 20px;color: #393939;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar .qty-plus:hover svg path, .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar .qty-minus:hover svg path {
    stroke: #cc1517;
  }

  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar .qty-plus svg path, .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar .qty-minus svg path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }

  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-delete:hover span {color: #cc1517;}

  .basket-list-overlay{position:fixed;top:0;right:0;left:0;bottom:0;background:#000000;opacity:0;z-index:-1;visibility:hidden;cursor: pointer;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
  .basket-list.active{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
  .basket-list-overlay.active{opacity:0.85;visibility:visible;z-index: 99999999;}
  .basket-list .basket-list-container .basket-list-header h2:before{ content:""; position:absolute; bottom:7px; left:0px; right:-10px; height:5px; background:#cc1517;}
  .basket-list .basket-list-container .basket-list-header h2 span{ position:relative;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h3:before{ content:""; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; width:0; height:0; border-style:solid; border-width:2.5px 0 2.5px 4px; border-color:transparent transparent transparent #6E7B91;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h3.text-danger:before{ border-color:transparent transparent transparent #dc3545;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-imgtext{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item + .basket-list-item{ margin-top:25px; border-top:1px solid #FAFAFA; padding-top:25px;}
  .basket-list .basket-list-container .basket-list-footer{text-align:center;position:absolute;bottom:4vh;left:0;right:0;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;z-index: 9;}
  .basket-list .basket-list-container .basket-list-footer .total-piece{font-weight:500;font-size:31px;text-align:center;color:#393939;margin-bottom:40px;position: relative;}
  .basket-list .basket-list-container .basket-list-footer .basket-bid-form{font-weight:bold;font-size:20px;text-align:center;color:#cc1517;border:3px solid #cc1517;border-radius:100px;display:inline-block;padding:15px 80px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;cursor: pointer;position: relative;opacity: 1;}
  .basket-list .basket-list-container .basket-list-footer .total-piece span{ font-weight:bold;}

  .bid-active .basket-list .basket-list-container .basket-list-footer .basket-bid-form {
    opacity: 0;
  }
.basket-list .basket-list-container .basket-list-form .basket-list-form-item:nth-child(7) {
    transition-delay: 0.7s;
}

.basket-list .basket-list-container .basket-list-form .basket-list-form-item:nth-child(8) {transition-delay: 0.8s;}

.basket-list .basket-list-container .basket-list-form .basket-list-form-item:nth-child(9) {
    transition-delay: 0.9s;
}
    .basket-list .basket-list-container .basket-list-form {position: absolute;bottom: 0px;left: 0;right: 0;z-index: 9;background: #fff;text-align: center;padding: 0 110px 70px;opacity: 0;visibility: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
  .basket-list .basket-list-container .basket-list-form .basket-list-form-item {
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }

  .basket-list .basket-list-container .basket-list-form .total-piece {
    font-weight: 500;
    font-size: 31px;
    text-align: center;
    color: #393939;
    margin-bottom: 40px;
    position: relative;
  }

  .basket-list .basket-list-container .basket-list-form .total-piece span {
    font-weight: bold;
  }

  .basket-list .basket-list-container .basket-list-form:before {content: "";position: absolute;top: -400px;bottom: 100%;right: 0;left: 0;background: -webkit-gradient(linear, left bottom, left top, from(white), to(#ffffff00));background: -o-linear-gradient(bottom, white, #ffffff00);background: linear-gradient(to top, white, #ffffff00);pointer-events: none;}
  .basket-list .basket-list-container .basket-list-form .basket-list-form-item input {
    height: 50px;
    border-radius: 35px;
    background: transparent;
    border: 2px solid rgba(16, 26, 43, 0.25);
    margin-top: 20px;
    padding: 20px 25px;
    font-weight: 500;
    font-size: 14px;
    color: #909691;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
.basket-list .basket-list-container .basket-list-form .basket-list-form-item.active .form-control {
    border-color: #cc1517;
}
  .basket-list .basket-list-container .basket-list-form .basket-list-form-item textarea {height: 20vh;border-radius: 25px;background: transparent;border: 2px solid rgba(16, 26, 43, 0.25);margin-top: 20px;padding: 20px 25px;font-weight: 500;font-size: 14px;color: #909691;-webkit-box-shadow: none !important;box-shadow: none !important;resize: none;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .select2-container .select2-selection--single {border: 2px solid rgba(16, 26, 43, 0.25);opacity: 1;height: 49px;}
  .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 27px; line-height: 43px; font-weight: 500; font-size: 14px; color: #909691; text-align: left; }
  .basket-list .basket-list-container .basket-list-form .basket-list-form-item > button {margin-top: 10px;background: #fff;}

.basket-list .basket-list-container .basket-list-footer .basket-bid-form:hover{
    background: #cc1517;
    color: #fff;
}

.bid-active .basket-list .basket-list-container .basket-list-form {
    opacity: 1;
    visibility: visible;
}

.bid-active .basket-list .basket-list-container .basket-list-footer {
}
.basket-list .basket-list-container .basket-list-form .basket-list-form-item .form-control:focus {
    border-color: #cc1517;
}
.basket-list .basket-list-container .basket-list-footer:before {}

.bid-active .basket-list .basket-list-container .basket-list-footer:before {
    /* opacity: 1; */
}

.basket-list .basket-list-container .basket-list-form .basket-list-form-item:nth-child(1) {
    -webkit-transition-delay: 0.1s;
         -o-transition-delay: 0.1s;
            transition-delay: 0.1s;
}

.basket-list .basket-list-container .basket-list-form .basket-list-form-item:nth-child(2) {
    -webkit-transition-delay: 0.2s;
         -o-transition-delay: 0.2s;
            transition-delay: 0.2s;
}

.basket-list .basket-list-container .basket-list-form .basket-list-form-item:nth-child(3) {
    -webkit-transition-delay: 0.3s;
         -o-transition-delay: 0.3s;
            transition-delay: 0.3s;
}

.basket-list .basket-list-container .basket-list-form .basket-list-form-item:nth-child(4) {
    -webkit-transition-delay: 0.4s;
         -o-transition-delay: 0.4s;
            transition-delay: 0.4s;
}

.basket-list .basket-list-container .basket-list-form .basket-list-form-item:nth-child(5) {
    -webkit-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s;
}
.basket-list .basket-list-container .basket-list-form .basket-list-form-item span.select2.select2-container {
    width: 100% !important;
}
.basket-list .basket-list-container .basket-list-form .basket-list-form-item:nth-child(6) {
    -webkit-transition-delay: 0.6s;
         -o-transition-delay: 0.6s;
            transition-delay: 0.6s;
}

.bid-active .basket-list .basket-list-container .basket-list-form .basket-list-form-item {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.basket-list .basket-list-container .basket-list-form .basket-list-form-item.form-button {
    text-align: center;
}

@media only screen and (min-width: 1200px) and (max-height: 870px){
    .basket-list .basket-list-container .basket-list-form {
        padding-bottom: 5vh;
    }
}

@media only screen and (min-width: 1200px) and (max-height: 770px){
    .basket-list .basket-list-container .basket-list-form {
        padding-bottom: 3vh;
    }
    .basket-list .basket-list-container .basket-list-footer .total-piece {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .basket-list .basket-list-container .basket-list-footer .basket-bid-form {
        font-size: 18px;
        padding: 10px 60px;
    }

    .basket-list .basket-list-container .basket-list-form .basket-list-form-item input {
        height: 40px;
    }

    .basket-list .basket-list-container .basket-list-form .basket-list-form-item textarea {
        height: 17vh;
    }

    .basket-list .basket-list-container .basket-list-form button {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 991px){
    .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar .qty-plus, .qty-minus {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }

    .basket-list {
        z-index: 9999999999;
        left: 0;
    }

    .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h2 {
        max-width: 250px;
    }
}

@media only screen and (max-width: 767px){
    .basket-list .basket-list-container {
        padding: 20px 20px;
        max-width: initial;
    }

.basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-delete svg {
    margin-top: 0;
}

    .basket-list .basket-list-container .basket-list-header h2 {
        font-size: 28px;
    }

    .basket-list .basket-list-container .basket-list-header h2:before {
        height: 3px;
        bottom: 6px;
    }

    .basket-list .basket-list-container .basket-list-header .list-close-btn svg {
        width: 20px;
        height: 20px;
    }

    .basket-list .basket-list-container .basket-list-header .list-header-btn .list-back-btn svg {
    width: 20px;
    height: 20px;
  }

  .basket-list .basket-list-container .basket-list-header .list-header-btn .list-back-btn {
    margin-right: 20px;
    margin-top: 8px;
  }

  .basket-list .basket-list-container .basket-list-header .list-header-btn {
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px);
  }

    .basket-list .basket-list-container .basket-list-header {
        margin-bottom: 30px;
    }

    .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-img {width: 50px;min-width: 50px;height: 50px;background-size: 20px;margin-right: 20px;}

    .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h2 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h3 {
        font-size: 13px;
        padding-left: 9px;
    }

    .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h3:before {
        top: 58%;
    }

    .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-delete span {
        font-size: 17px;
    }

    .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar {
        margin-right: 20px;
        margin-left: 20px;
    }

    .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h2 {
        max-width: 140px;
    }

    .basket-list .basket-list-container .basket-list-footer .total-piece {
        font-size: 23px;
        margin-bottom: 20px;
  }
  
  .basket-list .basket-list-container .basket-list-form .total-piece {
    font-size: 25px;
    margin-bottom: 20px;
  }

    .basket-list .basket-list-container .basket-list-footer .basket-bid-form {
        font-size: 18px;
        padding: 10px 40px;
    }
    .basket-list .basket-list-container .basket-list-form {
        padding: 0 30px 30px;
        max-height: 80vh;
        overflow-y: auto;
    }

    .basket-list .basket-list-container .basket-list-form .basket-list-form-item > button {
        margin-top: 30px;
    }
}

/* List Modal */
.list-active .list-modal {
    opacity: 1;
    visibility: visible;
}

  .list-modal{position: fixed;top: 0;right: 0;left: 0;bottom: 0;z-index: 999;opacity: 0;visibility: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;max-height: 100vh;overflow-y: auto;overflow-x: hidden;}
  .list-modal .modal-close {
    position: absolute;
    right: 90px;
    top: 40px;
    cursor: pointer;
    z-index: 9;
}

.list-modal .modal-close svg path {
    fill: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.list-modal .modal-close:hover svg path {
    fill: #cc1517;
}
  .list-modal:before {content: "";position: fixed;top: 0;right: 0;left: 0;bottom: 0;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background-color: rgba(0, 0, 0, 0.85);}
  .list-modal .list-modal-container{position: relative;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 50px 20px;}
  .list-modal .list-modal-container .list-modal-content{max-width: 450px;-webkit-box-flex: 0;-ms-flex: 0 0 34%;flex: 0 0 34%;}
  .list-modal .list-modal-container .list-modal-content > span{font-weight: 500;font-size: 1.8vw;color: #cc1517;}
  .list-modal .list-modal-container .list-modal-content h2{font-weight: bold;font-size: 1.9vw;color: #fff;margin-bottom: 15px;margin-top: 10px;}
  .list-modal .list-modal-container .list-modal-content p{font-weight: 500;font-size: 20px;color: rgba(255, 255, 255, 0.51);max-width: 364px;margin-bottom: 0;}
  .list-modal .list-modal-container .list-modal-content .list-modal-info{position: relative;padding-top: 25px;margin-top: 25px;}

  .list-modal .list-modal-container .list-modal-content .list-modal-info:before {content: "";position: absolute;top: 0;left: 0;width: 90px;height: 10px;background-image: url(../img/main/wave-icon.svg);background-repeat: no-repeat;background-size: contain;}
  .list-modal .list-modal-container .list-modal-content .list-modal-info ul{  }
  .list-modal .list-modal-container .list-modal-content .list-modal-info ul li{font-weight: 500;font-size: 1.3vw;color: rgba(255, 255, 255, 0.51);margin-top: 10px;}
  .list-modal .list-modal-container .list-modal-content .list-modal-info ul li span{font-weight: bold;color: rgba(255, 255, 255, 0.66);margin-right: 15px;display: inline-block;}
  .list-modal .list-modal-container .list-modal-content .list-modal-info ul li + li{  }
  .list-modal .list-modal-container .list-modal-content .list-modal-info ul li a{color: rgba(255, 255, 255, 0.51);}
  .list-modal .list-modal-container .list-modal-content .list-modal-info ul li time{  }

  .list-modal .list-modal-container .list-modal-content .list-modal-chat{margin-top:7vh;margin-bottom: 30px;}
  .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:25px;}
  .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header h3{ font-weight:bold; font-size:20px; color:#fff; margin-bottom:0;}
  .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header .list-modal-chat-btn{margin-left: 50px;cursor: pointer;}
  .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header .list-modal-chat-btn:hover svg path {
    fill: #888888;
}

.list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header .list-modal-chat-btn svg path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
  .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header .list-modal-chat-btn span{}
    .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header .list-modal-chat-btn svg:nth-child(2) {
      display: none;
    }

    html[lang="en"] .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header .list-modal-chat-btn svg:nth-child(1) {display: none;}

    html[lang="en"] .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header .list-modal-chat-btn svg:nth-child(2) {
      display: block;
    }

  .list-modal-chat .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-title{ background:#101A2B;}
  .list-modal-chat .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text{ background:#544747;}
  .list-modal-chat .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text time{color: rgba(255, 255, 255, 0.3);}
  .list-modal-chat .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text:before{ background-color:#544747; left:-5px;}
  .list-modal-chat .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text p{ color:#fff;}
  .list-modal-chat .report-chat-container{-webkit-box-flex:0;-ms-flex:none;flex:none;max-width:100%;max-height: 39vh;overflow-y:auto;padding-bottom: 30px;padding-right: 10px;}
.list-modal-chat .report-chat-container .report-chat-item .report-chat-item-content .update-chat span {
    color: #fff;
}
  .list-modal .list-modal-container .list-modal-items{-webkit-box-flex: 0;-ms-flex: 0 0 44%;flex: 0 0 44%;max-width: 37vw;margin-left: 18.4vw;margin-top: 65px;}
     .list-modal .list-modal-container .list-modal-items .list-modal-title {}

  .list-modal .list-modal-container .list-modal-items .list-modal-title h3 {
    font-weight: bold;
    font-size: 1.9vw;
    color: #fff;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
  }

  .list-modal .list-modal-container .list-modal-items .list-modal-title h3 span {
    position: relative;
  }

.list-modal .my-list-content .my-list-content-body .my-list-content-body-item-container:hover {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
    background: #fff0;
}

.list-modal .list-modal-container .list-modal-items .list-modal-title h3:before {content: "";position: absolute;bottom: 6px;left: 0;right: -15px;height: 4px;background: #cc1517;}
    .list-modal .list-modal-container .list-modal-items .my-list-content{max-width:initial;margin: 4vw 0 0;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body{background:rgba(241, 241, 241, 0.1);max-height: 37vh;overflow-y: auto;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-header{ background:rgba(241, 241, 241, 0.15);}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-header .my-list-content-header-item-el{color:#fff;text-align: left;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el{color:#fff;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-number{ color:rgba(255, 255, 255, 0.65);}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item-container + .my-list-content-body-item-container{ border-top-color:black;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item{ padding:17px 0;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el{ color:rgba(255, 255, 255, 0.65);}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(1){width: 44px;margin-right: 8px;text-align: left;padding-left: 4px;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(3){margin-right:27px;width: 65px;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2):before{ left:-1px;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(4){width: 32px;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item-container{padding: 0 25px 0 30px;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(1) .my-list-content-body-item-el:nth-child(2){margin-left: 51px;margin-right: -8px;width: auto;text-align: left;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(1) .my-list-content-body-item-el:nth-child(3){margin-left:34px;width: auto;}
    .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2) { margin-right: 10px; width: 71px; }

.chat-active .modal-chat{opacity: 1;visibility: visible;}

.modal-chat {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    /* display: none; */
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.modal-chat .modal-chat-container .modal-chat-close svg path {
    fill: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.modal-chat .modal-chat-container .modal-chat-close:hover svg path {
    fill: #cc1517;
}

.modal-chat.active {
    opacity: 1;
    visibility: visible;
}

.modal-chat-container {}

.modal-chat .modal-chat-container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
}

.modal-chat .modal-chat-container .modal-chat-close {
    position: absolute;
    right: 80px;
    top: 30px;
    cursor: pointer;
}

.modal-chat .modal-chat-container .modal-chat-close svg {}

.modal-chat .modal-chat-container .modal-chat-item {max-width: 775px;-webkit-box-flex: 0;-ms-flex: 0 0 56%;flex: 0 0 56%;text-align: center;}

.modal-chat .modal-chat-container .modal-chat-item h4 {
    font-weight: bold;
    font-size: 41px;
    color: #fff;
    margin-bottom: 70px;
}

.modal-chat .modal-chat-container .modal-chat-item .modal-chat-item-input {position: relative;}

.modal-chat .modal-chat-container .modal-chat-item .modal-chat-item-input textarea {
    font-weight: 500;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    resize: none;
    padding: 70px 40px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: none;
    border-radius: 30px;
    border: 1px solid black;
}

.modal-chat .modal-chat-container .modal-chat-item .modal-chat-item-input textarea:focus {
    border-color: #cc1517;
}

.modal-chat .modal-chat-container .modal-chat-item .modal-chat-item-input.active textarea:focus {
    border-color: #cc1517;
}

.modal-chat .modal-chat-container .modal-chat-item button {
    background: none;
    border: none;
    font-weight: bold;
    font-size: 20px;
    color: #cc1517;
    margin-top: 70px;
    outline: none;
}

.modal-chat:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.9);
}

.modal-chat .modal-chat-container .modal-chat-item .modal-chat-item-input textarea:-webkit-scrollbar { width: 0; }

@media only screen and (max-width: 1700px){
    .list-modal .list-modal-container .list-modal-items {
        max-width: 700px;
        margin-left: 15vw;
    }   
}

@media only screen and (max-width: 1550px){
    .list-modal .list-modal-container .list-modal-items {
        max-width: 700px;
        margin-left: 12vw;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
    }   
}

@media only screen and (max-width: 1199px){
    .list-modal .list-modal-container {
        display: block;
    }

    .list-modal .list-modal-container .list-modal-content h2 {
        font-size: 28px;
    }

    .list-modal .list-modal-container .list-modal-content p {
    }

    .list-modal .list-modal-container .list-modal-content > span {
        font-size: 20px;
    }

    .list-modal .list-modal-container .list-modal-content .list-modal-info ul li {
        font-size: 20px;
    }

    .list-modal .list-modal-container .list-modal-content {
        margin: 0 auto;
        max-width: 90%;
    }

    .list-modal .list-modal-container .list-modal-items {
        max-width: 90%;
        margin: 60px auto 10px;
    }
}

@media only screen and (max-width: 991px){
     .modal-chat .modal-chat-container .modal-chat-item h4 {
        font-size: 35px;
        margin-bottom: 40px;
    }

    .modal-chat .modal-chat-container .modal-chat-item .modal-chat-item-input textarea {
        padding: 50px 40px 30px;
    }

    .modal-chat .modal-chat-container .modal-chat-item button {
        margin-top: 40px;
    }   
}

@media only screen and (max-width: 767px){
    .list-modal .list-modal-container .list-modal-content h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .list-modal .list-modal-container .list-modal-content > span {
        font-size: 18px;
    }

    .list-modal .list-modal-container .list-modal-content p {
        font-size: 18px;
    }

    .list-modal .modal-close {
        right: 20px;
        top: 20px;
    }

    .list-modal .list-modal-container .list-modal-content .list-modal-chat {
        margin-top: 40px;
    }

    .list-modal .list-modal-container .list-modal-content .list-modal-info ul li {
        font-size: 18px;
    }

    .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header h3 {
        font-size: 18px;
        max-width: 100px;
    }

    .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header .list-modal-chat-btn {
        margin-left: 0;
    }

    .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .list-modal .list-modal-container .report-chat-container .report-chat-item .report-chat-item-obj {
        min-width: 50px;
        height: 50px;
        line-height: 45px;
    }

    .list-modal .list-modal-container .report-chat-container .report-chat-item .report-chat-item-obj svg {
        width: 18px;
    }

    .list-modal-chat .report-chat-container {
        max-height: 400px;
    }

    .list-modal .list-modal-container .list-modal-items .list-modal-title h3 {
        font-size: 20px;
    }

    .list-modal .list-modal-container .list-modal-items .list-modal-title h3:before {
        height: 3px;
        bottom: 3px;
    }

    .list-modal .list-modal-container .list-modal-items .my-list-content {
        margin-top: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item-container {
        background: rgba(241, 241, 241, 0.1);
    }

    .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body {
        background: #fff0;
    }

    .list-modal .list-modal-container {
        padding-bottom: 30px;
    }

       .modal-chat .modal-chat-container .modal-chat-item h4 {
        font-size: 21px;
    }

    .modal-chat .modal-chat-container .modal-chat-item .modal-chat-item-input textarea {
        padding: 60px 40px 40px;
    }

    .modal-chat .modal-chat-container .modal-chat-item {
        max-width: 80%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 80%;
                flex: 0 0 80%;
    }

    .modal-chat .modal-chat-container .modal-chat-close {
        right: 21px;
        top: 20px;
    }  

    .list-modal .list-modal-container .list-modal-items {
    margin-bottom: 40px;
  }
}


 /* Editor */

.trumbowyg-button-pane {
    position: absolute;
    left: -20px;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    line-height: normal;
    min-height: initial;
    -webkit-box-shadow: 0px 3px 16px rgba(16, 26, 43, 0.1);
            box-shadow: 0px 3px 16px rgba(16, 26, 43, 0.1);
    background: #ffff;
    width: 35px;
    padding: 0;
    border: none;
    border-radius: 15px;
}

.trumbowyg-button-pane .trumbowyg-button-group {
    display: block;
}

.trumbowyg-button-pane .trumbowyg-button-group button {
    display: block;
    background: #fff0 !important;
    padding: 0 !important;
    height: 40px;
}

.trumbowyg-button-pane::after {
    visibility: hidden;
}

.trumbowyg-button-pane .trumbowyg-button-group button + button {
    border-top: 1px solid #E3E3E3;
}

.trumbowyg-box .trumbowyg-editor {
    border: 2px solid rgba(16, 26, 43, 0.25);
    border-radius: 25px;
    padding: 20px 30px;
}

.trumbowyg-box .trumbowyg-editor p {
    margin-bottom: 0;
}

.trumbowyg-box, .trumbowyg-editor {
    border: none;
    text-align: left;
}

.trumbowyg-box .trumbowyg-editor ul li {list-style-type: disc;}

.trumbowyg-box .trumbowyg-editor ul {
    padding-left: 20px;
}

.trumbowyg-box .trumbowyg-editor p, .trumbowyg-box .trumbowyg-editor p span, .trumbowyg-box .trumbowyg-editor ul li span {
    font-size: 15px !important;
}

/* Quit Modal */
.jconfirm {
  z-index: 999999999;
}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(2){ position:absolute; left:0; right:0; top:-45px; width:90px; height:90px; background:#cc1517; border-radius:100%; visibility:visible !important; color:transparent; padding:0; margin:0 auto;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(2):before, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(2):after{ content:""; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%) rotate(45deg); -ms-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg); width:4px; height:35px; background:#fff; border-radius:100px;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(2):after{ -webkit-transform:translate(-50%, -50%) rotate(-45deg); -ms-transform:translate(-50%, -50%) rotate(-45deg); transform:translate(-50%, -50%) rotate(-45deg);}
.jconfirm .jconfirm-box-container{-webkit-box-flex: 0;-ms-flex: 0 0 53.333333%;flex: 0 0 53.333333%;max-width: 53.333333%;padding:0;border-radius: 30px !important;text-align:center;-webkit-transition: 0.4s !important;-o-transition: 0.4s !important;transition: 0.4s !important;}
.jconfirm .jconfirm-box{border: none !important;padding:0;overflow:initial;padding:90px 0 30px;border-radius: 30px !important;text-align: center;-webkit-transition: 0.4s !important;-o-transition: 0.4s !important;transition: 0.4s !important;-webkit-animation: none !important;animation: none !important;}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{ display:none;}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{ font-weight:500; font-size:30px; color:#101a2b; display:block;}
.jconfirm .jconfirm-box .jconfirm-content div{font-size:25px;color:#6e7b91;max-width:320px;margin: 0 auto;}
.jconfirm .jconfirm-box div.jconfirm-content-pane{margin:0;}
.jconfirm .jconfirm-box div.jconfirm-title-c{ padding-bottom:0; margin-bottom:23px;}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(1){ float:none; border:1px solid #cc1517; background:#fff; border-radius:100px; padding:10px 15px 10px 15px; font-weight:500; font-size:15px; letter-spacing:0.15em; text-align:center; color:transparent; position:relative; text-transform:none; width:148px;}
html[lang="tr"] .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(1):before{content:"Evet";color:#101a2b;position:absolute;left: 38%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
html[lang="en"] .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(1):before{ content:"Yes"; color:#101a2b; position:absolute; left:42%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(1) span.countdown{color:#101a2b;position:absolute;right: 32px;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons{ padding:0; float:none; margin:35px 0 5px;}

@media only screen and (max-width: 991px){
  .jconfirm .jconfirm-box-container {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 60%;
              flex: 0 0 60%;
      max-width: 60%;
  }

  .jconfirm .jconfirm-holder {
      -webkit-transform: scale(0.85);
          -ms-transform: scale(0.85);
              transform: scale(0.85);
  }
}

@media only screen and (max-width: 767px){
  .jconfirm .jconfirm-box-container {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
  }

  .jconfirm .jconfirm-holder {
      -webkit-transform: scale(0.75);
          -ms-transform: scale(0.75);
              transform: scale(0.75);
  }
}

/* Basket Sreen Appr */
.sepetScreen{ padding:100px 0;}
.sepetScreen .basket-screen-row{ width:100%; text-align:center;}
.sepetScreen .basket-screen-row .info-text{ margin:40px 0 60px;}
.sepetScreen .basket-screen-row .info-text h3{ font-weight:500; font-size:20px; color:#101a2b; margin-bottom:10px;}
.sepetScreen .basket-screen-row .info-text span{ font-weight:500; font-size:15px; color:#6e7b91; display:block;}
.sepetScreen .basket-screen-row .info-basket-content{ margin-bottom:60px;}
.sepetScreen .basket-screen-row .info-basket-content ul{ max-width:450px; margin:0 auto; border-radius:20px; overflow:hidden;}
.sepetScreen .basket-screen-row .info-basket-content ul li{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-radius:20px; position:relative;}
.sepetScreen .basket-screen-row .info-basket-content ul li .title{ font-weight:500; font-size:15px; text-align:right; display:block; color:#101a2b; min-width:50%; background:#F1F1F1; padding:13px 30px 13px 13px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end;}
.sepetScreen .basket-screen-row .info-basket-content ul li p, .sepetScreen .basket-screen-row .info-basket-content ul li a{ font-weight:500; font-size:15px; text-align:left; color:#6e7b91; margin-bottom:0; display:block; min-width:50%; padding:13px 13px 13px 30px; background:#FAFAFA;}
.sepetScreen .basket-screen-row .info-basket-content ul li + li:before{ content:""; position:absolute; top:0; left:0; right:0; height:1px; background:#DDDDDD;}

@media only screen and (max-width: 767px){
  .sepetScreen .basket-screen-row .info-basket-content ul {
      max-width: 330px;
  }

  .sepetScreen .basket-screen-row .info-basket-content ul li {
      display: block;
  }

  .sepetScreen .basket-screen-row .info-basket-content ul li .title {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;padding: 13px;}

  .sepetScreen .basket-screen-row .info-basket-content ul li p,
  .sepetScreen .basket-screen-row .info-basket-content ul li a {
      text-align: center;
      padding: 13px;
  }

  .sepetScreen .basket-screen-row .icon {
      -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
              transform: scale(0.8);
  }

  .sepetScreen .basket-screen-row .info-text {
      margin-top: 20px;
  }

  .sepetScreen {
      padding: 70px 0;
  }
}

/* Cookies */
body .cc-window {bottom: 50px !important;left: 50% !important;max-width: 460px;height: 93px;border-radius: 100px;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);background-color: rgba(34, 41, 48, 0.8);padding: 0 30px !important;-webkit-transform: translateX(-50%) translateZ(100px);-ms-transform: translateX(-50%) translateZ(100px);transform: translateX(-50%) translateZ(100px);-webkit-transition: none;flex-direction: row !important;-o-transition: none;transition: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;z-index: 99999;}
body .cc-window .cc-message {font-size: 15px;color: #fff;line-height: normal;margin: 0 !important;}
body .cc-window .cc-message a{opacity: 1;}
body .cc-compliance a.cc-btn.cc-dismiss {width: 56px;height: 56px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: transparent;border: 1px solid #cc1517;border-radius: 100px;position: relative;padding: 0;color: transparent;display: block;}
body .cc-compliance a.cc-btn.cc-dismiss:before {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-image: url(../img/svg/check-icon.svg);width: 20px;height: 15px;background-size: contain;background-position: center;background-repeat: no-repeat;}
body .cc-compliance a.cc-btn.cc-dismiss:hover { background: #cc1517; }
body .cc-banner.cc-theme-edgeless .cc-message a.cc-link:hover { color: #cc1517; text-decoration: underline; }
.cc-floating.cc-theme-edgeless .cc-message {margin: 0 !important;}

@media only screen and (max-width: 767px){
  body .cc-window {width: 100%;max-width: 100% !important;-webkit-box-orient: horizontal !important;-webkit-box-direction: normal !important;-ms-flex-direction: row !important;flex-direction: row !important;-webkit-box-align: center !important;-ms-flex-align: center !important;align-items: center !important;left: 50% !important;right: auto !important;-webkit-transform: translateX(-50%) scale(0.9);-ms-transform: translateX(-50%) scale(0.9);transform: translateX(-50%) scale(0.9);bottom: 30px !important;height: 110px;padding: 0 30px !important;}
  .cc-floating.cc-theme-edgeless .cc-message { margin: 0 !important; }
}

/* Preparing Content */
.preparing-content {}
.preparing-content .preparing-content-container { display: flex; align-items: center; justify-content: center; }
.preparing-content .preparing-text { text-align: center; margin-left: 210px; }
.preparing-content .preparing-text h3 { font-weight: bold; font-size: 3.1vw; color: #000; margin-bottom: 30px; }
.preparing-content .preparing-text h3 span { font-size: 5.05vw; color: #cc1517; display: block; margin-bottom: 20px; }

@media only screen and (max-width: 1450px){
    .preparing-content .preparing-text { margin-left: 60px; }
    .preparing-content .preparing-img img { max-width: 90%; }  
}

@media only screen and (max-width: 1370px){
    .preparing-content .preparing-img img { max-width: 80%; }  
}

@media only screen and (max-width: 1199px){
    .preparing-content .preparing-text { margin-left: -80px; }
    .preparing-content .preparing-img img { max-width: 70%; }  
}

@media only screen and (max-width: 991px){
    .preparing-content .preparing-content-container { flex-direction: column-reverse; }
    .preparing-content .preparing-text { margin-left: 0; }
    .preparing-content .preparing-text h3 span { font-size: 7vw; }
    .preparing-content .preparing-text h3 { font-size: 4vw; }
    .preparing-content .preparing-img { text-align: center; margin-top: 70px; }
}

@media only screen and (max-width: 767px){
    .preparing-content .preparing-text h3 span { font-size: 40px; margin-bottom: 6px; }
    .preparing-content .preparing-text h3 { font-size: 26px; margin-bottom: 20px; }
    .preparing-content .preparing-text a { transform: translateX(0) scale(0.8); }
}

/* User Select Mobil */
@media only screen and (max-width: 767px){
  .user-screen.my-list .my-list-header > div:last-child{ border-radius:0;}
  .user-screen.my-list .my-list-header .my-list-header-search{ width:100%; margin:0px 30px;}
  .user-screen.my-list .my-list-header .my-list-header-search .my-list-header-item{ border-radius:100px; position:relative; padding:0 15px; height:40px;}
  .user-screen.my-list .my-list-header .my-list-header-item .form-el svg{position:absolute;top:50%;transform:translateY(-50%);right: 0;margin-right:0;}
  .user-screen .user-menu-select{ display:flex; align-items:center; justify-content:center; margin-top:25px; position:relative; height:30px;}
  .user-screen .user-menu-select .select-item{position:absolute;width: 120px;transition:0.6s;top:50%;transform:translate(0, -50%);z-index: 99999999;}
  .user-screen .user-menu-select .select-item:nth-child(1).active {
      left: 50%;
      transform: translate(-50%, -50%);
  }

  .user-screen .user-menu-select .select-item:nth-child(2).active {
      right: 50%;
      transform: translate(50%, -50%);
  }
  .user-screen .user-menu-select .select-item .first-select{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;/* background: #ffffff; */border-radius:15px;padding:10px 0;transition: 0.6s;}
  .user-screen .user-menu-select .select-item .first-select span{font-weight:500;font-size:15px;color:#101a2b;display:block;margin-right:10px;transition:0.6s;max-width: 55px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  .user-screen .user-menu-select .select-item .first-select svg{margin-right:-7px;transform:translate(0, 0) rotate(0) scale(1);transition:0.6s;position: relative;}
  .user-screen .user-menu-select .select-item .other-options{position:absolute;top:0;left:0;right:0;transform:translateY(0);transition:0.6s;background:#fff;border-radius: 15px;padding:0 10px;opacity:0;visibility:hidden;}
  .user-screen .user-menu-select .select-item .other-options .options-item{ text-align:center; opacity:0; visibility:visible; transition:0.6s;}
  .user-screen .user-menu-select .select-item .other-options .options-item label{ margin-bottom:0;}
  .user-screen .user-menu-select .select-item .other-options .options-item label span{font-weight:500;font-size:21px;color:#6e7b91;display:block;white-space: nowrap;}
  .user-screen .user-menu-select .select-item .other-options .options-item > input{}
  .user-screen .user-menu-select .select-item.active .other-options .options-item + .options-item{ margin-top:10px;}
  .user-screen .user-menu-select .select-item.active .other-options .options-item{ opacity:1; visibility:visible;}
  .user-screen .user-menu-select .select-item.active .other-options{transform: translateY(0);padding: 57px 10px 15px;opacity:1;visibility:visible;}
  .user-screen .user-menu-select .select-item.active{width:160px;}
  .user-select-overlay{position:fixed;top:0;right:0;left:0;bottom:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:rgb(42 168 80 / 0.75);z-index: 99999999;opacity:0;visibility:hidden;transition:0.6s;}
  .user-screen .user-menu-select .select-item .other-options .options-item + .options-item{ margin-top:-30px;}
  .user-screen .user-menu-select .select-item.active .first-select span{ transform:scale(1.4) translate(-3px, 1px);}
  .user-screen .user-menu-select .select-item.active .first-select svg{ transform:translate(4px, 2px) rotate(180deg) scale(1.5);}
  .user-screen .user-menu-select .select-item .other-options:before{content:"";position:absolute;top: 46px;right:0;left:0;height:1px;background:#F0F0F0;}
  .user-select-overlay.active{ opacity:1; visibility:visible;}
  .user-screen .user-menu-select .select-item:nth-child(1){left: 16%;}
  .user-screen .user-menu-select .select-item:nth-child(2){right: 15%;}
  .user-screen .user-menu-select .select-item + .select-item:before{}
  .user-screen .user-menu-select:before{content:"";position:absolute;top:50%;left:51%;transform:translate(-50%, -50%);width:1px;height:20px;bottom:0;background: #F2F2F2;/* z-index: 99999; */}
  .user-screen .user-menu-select .select-item.in-active{ z-index:-1;}
  .user-select-overlay.active{ opacity:1; visibility:visible;}
  .user-screen .my-list-header-day {
      display: none;
  }
  .user-screen .user-menu-select .select-item.active {
      top: -200%;
  }
  .user-screen.my-list .my-list-header-item.header-all-select {
      display: none !important;
  }
  .mobile-menu.in-active { z-index: 999; }
}

.select2-container--open {
    z-index: 999999999;
}

@media only screen and (max-width: 991px){
  .select2-container--open {
      z-index: 9999999999;
  }
}

.select2-container--open.in-active {
  z-index: -1;
}

.career .select2-container .select2-selection--single {
    border: 1px solid rgb(26 18 85 / 0.6);
    height: 50px;
}

.career .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: normal;
    line-height: 48px;
}

/**/

.newPost .editor { border-radius: 19px; border: 2px solid rgba(16, 26, 43, 0.25); font-weight: 400; font-size: 15px; color: #101a2b; resize: none; width: 100%; padding: 20px 35px; text-align: left; min-height: 300px; }
.newPost .editor ul { padding-left: 20px; }
.newPost .editor ul li { list-style: initial; }
/** MENÜ **/
/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

@charset 'utf-8';

/*!
 * MAIN STYLES
 * 2018 - Biltek Development Kitchen
 */




header,

nav,






a {
  color: var(--main-link-color);
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

a:hover {
  color: var(--main-link-hover-color);
  text-decoration: underline
}

a:not([href]):not([tabindex]) {
  text-decoration: none;
  color: #fff
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none
}

a:not([href]):not([tabindex]):focus {
  outline: 0
}

a,
a:active,
a:focus,
a:hover {
  text-decoration: none!important
}

*,
:focus {
  outline: 0!important
}

*,
ul {
  margin: 0;
  padding: 0
}

li {
  list-style: none
}

::-moz-focus-inner {
  border: 0!important
}






.navbar-nav ul>li>ul {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 0
}

.navbar-nav li>div {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  border-top: 2px solid #ec2127;
  border-radius: 0 0 30px 30px;
  background: #fff;
  -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, .16);
  box-shadow: 0 15px 35px rgba(0, 0, 0, .16);
  padding: 0;
  -webkit-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
  padding: 50px 50px;
  top: 100%
}

.navbar-nav div ul:last-child {
  border-right: 0;
  padding-right: 0
}

.navbar-nav div ul {
  border-right: 1px solid #f1f1f1;
  width: auto;
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  padding: 0 60px;
  -ms-flex-preferred-size: inherit;
  flex-basis: inherit
}

.navbar-nav li a {
  letter-spacing: normal;
  line-height: normal;
  padding: 51px 0;
  margin: 0;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 17px;
  color: #3e3e3e;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.navbar-nav li+li {
  margin-left: 37px
}

header {
  position: fixed!important;
  z-index: 99999999;
  background: #fff;
  top: 0;
  width: 100%;
  -webkit-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
  padding: 0 60px
}

header.fixHeader {
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 30px rgba(0, 0, 0, .1)
}

body section {
  padding: 0 60px
}

header.fixHeader .header {
  height: 90px
}

header.fixHeader .header .logo {
  width: 8%
}

.header .logo {
  -webkit-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out
}

.navbar-nav li:hover>div {
  opacity: 1;
  visibility: visible;
  z-index: 999;
  top: 100%
}

.navbar-nav li ul li {
  margin-left: 0!important;
  list-style-type: none!important;
  position: initial!important
}

.navbar-nav li ul li a {
  padding: 10px 0 10px 0!important;
  display: inline-block;
  position: relative;
  text-transform: none;
  font-weight: 500;
  color: black;
}

nav.navbar.navbar-expand-lg {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.navbar-nav li ul li ul {
  right: 0!important;
  left: 100%!important;
  top: 0!important
}

.navbar-nav li ul li a i {
  margin-right: 7px;
  width: 20px;
  background-size: 18px 18px!important;
  background-repeat: no-repeat!important;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  opacity: .7;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.navbar-nav li ul li a:hover i {
  opacity: 1
}

.navbar-nav li ul li a:hover {
  color: #3e3d3d
}

.navbar-nav li ul li a:hover:before {
  opacity: 1;
  right: -25px
}

.navbar-nav li ul li a:before {
  content: "/";
  position: absolute;
  top: 12px;
  right: 0;
  color: #ec2127;
  opacity: 0;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out
}

.navbar-nav li ul li a:after {
  content: "/";
  position: absolute;
  top: 12px;
  right: 0;
  color: #ec2127;
  opacity: 0;
  -webkit-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out
}

.navbar-nav li ul li a:hover:after {
  opacity: 1;
  right: -18px
}

.navbar-nav li:hover>div>ul {
  opacity: 1;
  visibility: visible
}

.navbar-nav li ul li a i:before {
  font-size: 15px
}

.navbar-nav div ul:first-child {
  padding-left: 0;
  margin-left: 0
}

.navbar-nav ul ul:last-child {
  margin: 0;
  padding-right: 0;
  border: none
}



.language {
  border-radius: 50px;
  background: #fff;
  border: 1px solid #3e3e3e;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.language a {
  height: 100%;
  font-weight: 500;
  font-size: 20px;
  color: #3e3e3e;
  display: block
}

.language ul,
.language ul li {
  height: 100%
}

.language a:hover {
  color: #4c6177
}

.login>ul>li>a:hover {
  color: #4c6177
}

.ust-bar {
  background: #07101b
}

a.navbar-brand {
  padding: 0!important;
  margin: 0!important;
  font-size: initial!important;
  line-height: normal!important
}

a.navbar-brand img {
  width: 150px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}


.header .sag-kisim a.giris i:before {
  color: #3e3e3e;
  font-size: 30px
}

.header .sag-kisim a.giris {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.header .sag-kisim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

main.all_content.overlay:after {
  background: rgba(0, 0, 0, .35);
  z-index: 9999999;
  opacity: 1;
  visibility: visible
}

.header .sag-kisim a.giris span {
  font-weight: 500;
  font-size: 15px;
  color: #3e3e3e;
  display: block;
  width: 60px;
  margin-left: 10px
}

.header .sag-kisim a.giris svg {
  width: 30px;
  position: relative;
  z-index: 1;
  margin-top: 3px
}

.header .sag-kisim a.giris svg path {
  fill: black;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.header .sag-kisim a.giris:hover svg path {
  fill: #ec2127
}

.header .sag-kisim a.giris i,
.header .sag-kisim a.giris i:before {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.header .sag-kisim a.giris+a.giris {
  border-left: 1px solid #ddd;
  padding-left: 20px
}

nav.header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 120px;
  -webkit-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out
}

.navbar-nav>li:hover>a {
  color: #ec2127
}

button.btn.btn-arama i:before {
  color: #fff;
  font-size: 20px
}



.menu ul li {
  float: left!important;
  display: inline-block
}

.navbar-nav {
  display: table
}

.menu ul li ul li {
  float: left;
  position: relative
}

.language:hover {
  background: #3e3e3e
}

.language:hover a {
  color: #fff
}

.header .sag-kisim a.giris:hover i:before {
  color: #ec2127
}






.online-katalog img {
  position: absolute;
  top: -52px;
  left: 0;
  width: 153px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.online-katalog .baslik h3 {
  font-weight: 700;
  font-size: 16px;
  text-align: left;
  color: #231f20;
  display: inline-block;
  margin-bottom: 0
}

.online-katalog .baslik i:before {
  font-size: 33px;
  color: #ec2127;
  margin-left: 25px
}

.online-katalog .baslik {
  position: relative;
  display: inline-block
}

.online-katalog a {
  font-weight: 400;
  font-size: 15px;
  color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.online-katalog a i:before {
  font-size: 16px;
  color: #ec2127;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.online-katalog a i {
  margin-top: 2px;
  margin-left: 10px
}



.online-katalog.sponsorluk img {
  left: auto;
  right: 0;
  height: 110%;
  bottom: 0;
  top: initial
}

.online-item3 .ust-kisim i:before {
  font-size: 30px;
  color: #ec2127
}

.online-item3 .ust-kisim .baslik a,
.online-item3 .ust-kisim .baslik h3 {
  font-weight: 700;
  font-size: 15px;
  color: #231f20;
  margin-bottom: 0
}

.online-item3 .ust-kisim .baslik a i:before {
  font-size: 14px
}

.online-item3 .ust-kisim .baslik a {
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.online-item3 .ust-kisim .baslik a i {
  margin-top: 4px;
  margin-left: 12px
}

.online-item3 .ust-kisim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 15px
}

.online-item3 .ust-kisim .baslik {
  margin-left: 10px
}

.online-alisveris img {
  position: absolute;
  bottom: 0;
  max-width: 150%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0)
}

.online-item3 {
  width: 100%;
  height: 292px;
  border: 4px solid #f1f1f1;
  position: relative
}

.online-alisveris {
  -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
      flex: 0 0 200px;
  -webkit-transform: translate(0, 600px);
    -ms-transform: translate(0, 600px);
      transform: translate(0, 600px);
  opacity: 0
}










.sag-kisim .formPagi {
  position: fixed;
  top: 410px;
  right: 30px;
  width: 50px!important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.tutucu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-right: 40px
}

.tutucu span {
  width: 20px;
  top: -8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative
}



.online-katalog {
  border: 4px solid #f1f1f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 141px;
  position: relative;
  margin-bottom: 10px;
  opacity: 0;
  -webkit-transform: translate(0, 200px);
    -ms-transform: translate(0, 200px);
      transform: translate(0, 200px)
}

.online-katalog.sponsorluk {
  -webkit-transform: translate(0, 400px);
    -ms-transform: translate(0, 400px);
      transform: translate(0, 400px)
}


header.fixHeader {
  z-index: 9999999999
}

.fancybox-container {
  z-index: 99999999999
}



.mobile-menu i.mobileProdIcon {
  width: 23px;
  height: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-size: 22px 22px!important;
  background-repeat: no-repeat!important;
  -webkit-filter: invert(100%);
  filter: invert(100%)
}
/** MENÜ **/
/** MOBİL MENÜ1
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right: 0;width:20px;}.select2-container--default .select2-selection--single .select2-selection__arrow b{
    transform: rotate(90deg);
    display: inline-block;
}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
MOBİL MENÜ1**/
/** MOBİL MENÜ2**/
@media screen and ( max-width: 374px ) {

  .online-katalog img {
   }
  .online-katalog .baslik i {
    display: none;
   }
  .online-katalog.sponsorluk .icerik-tutucu {
    margin-left: 10px !important;
    padding-right: 130px !important;
   }
}
@media screen and ( max-width: 413px ) {
  .online-katalog.scrollani .icerik-tutucu {
   }
  .online-katalog.sponsorluk .icerik-tutucu {
    margin-left: 20px;
    padding-right: 140px;
   }
}
@media screen and (max-width: 767px) {
  .my-list-content .my-list-content-header .my-list-content-header-item-el + .my-list-content-header-item-el{margin-left:13px; margin-right: 100px;}
  .formAll {
    display: block;
    overflow: hidden;
    width: 100%;
   }
  .formAll .form-div+.form-div {
    margin-left: 0;
   }
  .eBultenTumu .eBultenKayit i:before {
    font-size: 26px;
   }
  .eBultenTumu h3.eBultenText i {
    padding-left: 10px;
   }
  .eBultenTumu .formAll .form-div + .form-div {
    margin-top: 25px;
   }
  .eBultenTumu button.eBultenBtn i:before {
    font-size: 20px;
   }

  .eBultenTumu button.eBultenBtn i {
    top: 3px;
   }
  .eBultenTumu form {
     display: block;
     margin-top: 15px;
     overflow: hidden;
   }
  button.eBultenBtn {
    margin-top: 25px;
    float: right;
    width: 45px;
    height: 45px;
   }
  .eBultenTumu {
    height: inherit;
    padding: 20px;
   }
  section.eBultenAll {
    width: 100%;
    margin: 30px 0;
    padding: 15px;
   }
  .sagkisim-itemtutucu {
   }
  .online-alisveris {
    width: 100% !important;
   }
  .online-alisveris img {
     /* display: none;
    */
   }
  .online-item3 {
     /* height: 0;
    */
     /* border: none;
    */
   }
  .online-katalog .baslik h3 {
   }
  
}
@media screen and ( max-width: 991px ) {
  *,html,body,div{ zoom: 0; }
  section.urunler .sag-kisim .altKisim{ padding: 0 0px;}
  .footerTextSol,
  .footerTextSag{ flex: 0 0 170px; }
  .footerTextOrta{ flex: 0 0 260px; } 
  .footerAll ul.footerUl li i:before {
    font-size: 23px;
   }
   .pageInner .rowMs {
    display: block;
  }
  .footerAll ul.footerUl li i {
    padding-right: 10px;
   }
  .footerAll h3.eBultenText {
    font-size: 28px;
   }
  .icerikSag {
    width: 100%;
   }
  .tarihce .time-line:before {
    display: none;
   }
  .humanResources .form-div:nth-last-child(2) {
    width: 100%;
   }
  .humanResources .form-div:nth-last-child(1) {
    width: auto;
   }
  .footerAll h3.eBultenText i {
    padding-left: 13px;
   }
  header {
    padding: 0 !important;
    height: 90px;
   }
  .header-bar {
    height: 100%;
   }
  .header {
   }
  .mobile-header {
    display: none;
   }
  .nav.urunler ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
   }
  .navbar-nav div.nav.urunler ul + ul {
    padding-left: 30px;
   }
  .navbar-nav div.nav.urunler ul:first-child {
    padding-right: 30px;
   }
  
   /* .mobile-header .hamburger-menu span {
    background: #fff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    border: 2px solid black;
   }
  .mobile-menu-active .mobile-header .hamburger-menu span {
    background: #EC2127;
    border: 2px solid #EC2127;
   }
  .mobile-header .hamburger-menu span + span {
    margin-top: 3px;
   }
  */
  .mobile-header .mobile-top {
    padding: 0 15px;
    background: #fff;
    position: relative;
    z-index: 99;
    position: fixed;
    height: 75px;
    background: #fff;
    width: 100%;
   }
  .mobile-header .mobile-top .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid #f3f3f3;
    padding: 15px 0;
    position: relative;
   }
  .mobile-header .mobile-quicklinks div span {
    color: black;
    font-size: 24px;
    margin-left: 15px;
   }
  .mobile-header .mobile-quicklinks div i {
    font-size: 55px;
   }
  .mobile-header .mobile-quicklinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0;
    background: #f1f1f1;
    margin-left: -15px;
    position: relative;
   }
  .mobile-header .mobile-quicklinks:before {
    content: '';
    position: absolute;
    top: 0;
    right: -15px;
    width: 15px;
    height: 100%;
    background: #f1f1f1;
   }
  .mobile-header .mobile-quicklinks div span b {
    display: block;
   }
  .mobile-header .mobile-quicklinks div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
   }
  .mobile-menu h3 {
    margin: 0;
    color: #fff;
    padding: 10px 0;
    font-size: 19px;
    font-weight: 700;
   }
  .mobile-menu>ul, .mobile-menu>ul>li>ul {
   }
  .mobile-menu .level-2.rtl {
    transform: translateX(0);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    opacity: 1;
    visibility: visible;
    padding: 0;
    display: block;
   }
  .mobile-menu .ltl {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
   }
  .mobile-menu>ul {
    left: 0;
    width: 100%;
    width: 100%;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
   }
  .mobile-menu>ul>li, .tesekkurler {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out 
   }
  .mobile-menu>ul>li {
    list-style: none;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out 
   }
  .btn-save, .mobile-menu>ul>li>ul {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease 
   }
  .mobile-menu>ul>li>a {
    color: #fff;
    display: block;
    padding: 10px 0;
    font-size: 16px;
    /*border-bottom: 1px solid rgba(255, 255, 255, .20);*/
    position: relative;
    font-weight: 600;
  }
  .mobile-menu>ul>li:nth-child(4)>a{ border: none;}
  .mobile-menu>ul>li:nth-child(5){ margin-top: 25px; }
  .mobile-menu>ul>li:nth-child(4)~li{ opacity: .8; }
  .mobile-menu>ul>li:nth-child(4)~li a{ font-size: 14px; }
  .mobile-menu>ul>li>a::before {
    content: '';
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 5px;
    display: inline-block;
    margin-right: 10px;
   }
  .mobile-menu>ul>li>a>i:Before {
    font-size: 15px 
   }
  .mobile-menu>ul>li>a>i {
    margin-right: 0;
    width: 25px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px 
   }
  .mobile-menu>ul>li:last-child a {
    border: 0 
   }
  .mobile-menu>ul>li>ul {
     /* position: absolute;
    */
    top: 0;
    width: 100%;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    padding: 35px 25px;
    display: none;
   }
  .mobile-menu>ul>li>ul>li>a>i, .mobile-menu>ul>li>ul>li>ul>li>a>i {
    margin-right: 5px;
    width: 25px;
    text-align: center 
   }
  .mobile-menu>ul>li>ul>li>a {
    color: #fff !important;
    height: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    padding: 10px 0;
    font-size: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .20);
    position: relative;
   }
  .mobile-menu>ul>li>ul>li>ul {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    padding-left: 40px;
    display: none 
   }
  .mobile-menu>ul>li>ul>li>ul>li>a {
    color: #fff;
    display: block;
    padding: 10px 0;
    font-size: 15px;
   }
  .mobile-menu-active .hamburger-menu span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg) 
   }
  .mobile-menu-active .hamburger-menu span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg) 
   }
  .mobile-menu {
    right: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    top: 90px;
    height: calc(100% - 90px);
    background: rgba(236,33,40,1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,33,40,1)), color-stop(100%, rgba(236,33,40,0.8)));
    background: -webkit-linear-gradient(top, rgba(236,33,40,1) 0%, rgba(236,33,40,0.8) 100%);
    background: -o-linear-gradient(top, rgba(236,33,40,1) 0%, rgba(236,33,40,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(236,33,40,1)), to(rgba(236,33,40,0.8)));
    background: linear-gradient(to bottom, rgba(236,33,40,1) 0%, rgba(236,33,40,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec2128', endColorstr='#ec2128', GradientType=0 );
    -webkit-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    transform: translate(100%,0);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    padding: 15px;
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
   }
  .mobile-menu-active .mobile-menu {
    -ms-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
   }
  .mobil-menu .level-2.rtl {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
   }
  .mobile-menu-active h3.gorunmez-baslik {
    opacity: 1;
    color: #fff!important;
    top: 15px;
    z-index: 9999999999;
    visibility: visible;
    left: 25px;
    font-weight: 700 
   }
  .fixedHamburger {
    position: fixed;
    z-index: 1;
    left: 0;
    right: 0;
    height: 60px;
    background: rgba(255, 255, 255, 0);
    padding-top: 20px;
    -webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    top: 0 
   }
  .mobile-menu-active .fixedHamburger {
    z-index: 999999999999;
    background: #fff;
    padding: 0!important;
    height: 50px 
   }
  .mobile-menu-active .fixedHamburger.fixedHamburgerScr {
    background: #fff 
   }
  .fixedHamburger.fixedHamburgerScr .hamburger-menu span, .mobile-menu-active .fixedHamburger.fixedHamburgerScr .hamburger-menu span {
    background: #1b75bc 
   }
  section.indBloglar {
    padding: 100px 0 
   }
  .mobile-menu .ltl > li > a {
    display: none;
   }
  .mobile-menu.active .mobile-menu {
    padding: 15px;
   }
  .hamburger-menu {
    width: 30px;
    height: 22px;
    top: 25px;
    right: 20px;
    position: fixed;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 999999;
    display: none;
   }
  .hamburger-menu span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #d0021b;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
   }
  .mobile-menu-active .hamburger-menu span {
    
   }
  .mobile-menu-active .hamburger-menu span:nth-child(1), .mobile-menu-active .hamburger-menu span:nth-child(4) {
    width: 0%;
    left: 50%;
    top: 18px 
   }
  .hamburger-menu span:nth-child(1) {
    top: 0 
   }
  .hamburger-menu span:nth-child(2), .hamburger-menu span:nth-child(3) {
    top: 9px 
   }
  .hamburger-menu span:nth-child(4) {
    top: 18px 
   }
  .mobile-menu-active .hamburger-menu span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg) 
   }
  .mobile-menu-active .hamburger-menu span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg) 
   }
  .mobile-logo {
    position: absolute;
    left: 0;
    margin: 0 auto;
    text-align: center;
   }
  .mobile-logo > a {
    max-width: 125px;
   }
  .mobile-search {
    z-index: 999;
   }
  .mobile-search > a {
    position: relative;
    z-index: 999;
   }
  
}
@media screen and ( min-width: 992px ) {
  .mobile-header {
     display: none;
   }
}
@media screen and ( max-width: 1199px ) {
  
  nav.header {
     /* display: block;
    */
    height: inherit;
   }
  .header .logo {
    display: inline-block;
   }
  a.navbar-brand img {
    width: 100px;
   }
  .header .language {
     display: inline-block;
     margin-left: -4px;
   }
  .header .sag-kisim a.giris {
     float: left;
   }
  header.fixHeader .header {
     /* height: inherit;
    */
   }
  header {
    padding: 15px;
   }
  .navbar-nav li + li {
    margin-left: 10px;
   }
  header.fixHeader .header .logo {
   }
  .relationSlider {
    padding: 100px 50px;
   }
}


@media screen and ( max-width: 1700px) {
  .iletisim-bilgi ul li {
   }
  .iletisim-bilgi ul li span {
   }
  
  .ustKisim {
    }
  .urun-detay .sol-kisim .urundetay-slider .gallery-top .swiper-slide img {
    max-width: 500px;
   }
  .urunNav {
    left: -20px;
    right: -10px;
   }
  .tercihUrunTutucu .urunBilgiAll {
    }
  h3.iText {
    font-size: 13px;
   }
  .navbar-nav li+li {
    margin-left: 15px;
   }
  .search {
    width: 400px;
    margin-right: -440px;
   }
  .online-katalog img {
   }
  .urun-detay .theiaStickySidebar {
    padding-left: 0 !important;
   }
  .online-katalog.sponsorluk img {
   }
  .online-alisveris img {
   }
  .scroll-active .sirket-hakkinda .sol-kisim {
    width: 77%;
   }
  .scroll-active section.sirket-hakkinda .hakkinda-icerik p {
    width: 100%;
    padding-right: 20px;
   }
  .hakkinda-icerik .lisans {
   }
  .online-katalog .icerik-tutucu {
   }
  .online-katalog .baslik h3 {
   }
  .online-katalog .baslik i:before {
    font-size: 26px;
    margin-left: 10px;
   }
  .online-alisveris img {
   }
  .online-item3 {
   }
}
@media screen and (max-width: 1500px) {
  .online-katalog {
   }
  .online-katalog .baslik h3 {
   }
  .online-katalog .baslik i:before {
    font-size: 20px;
    }
  .online-katalog a {
   }
  .online-katalog img {
   height: 100%;
   width: auto;
   bottom: 0;
   top: initial;
   }
  .online-katalog.sponsorluk img {
   }
  .online-item3 {
   }
  .online-alisveris img {
   }
  .scroll-active .sirket-hakkinda .sag-kisim {
    right: 0;
    top: 100px;
   }
  a.sliderItemTutucu img {
    max-width: 260px;
   }
}
@media (min-width: 1700px) and (max-width: 1920px) {
  .search {
    margin-right: -430px;
    width: 30%;
   }
 }
 @media (min-width: 1601px) and (max-width: 1680px) {
  .search {
    margin-right: -320px;
    width: 30%;
   }
 }
@media (min-width: 1500px) and (max-width: 1600px) {
  .search {
    margin-right: -280px;
    width: 25%;
   }
 }
 @media (min-width: 1px) and (max-width: 991px) {
  .search {
    display: none;
   }
 }
 @media (min-width: 900px) and (max-width: 1199px) {
  .search {
    margin-right: -150px;
    width: 120px;
   }
 }
  @media (min-width: 1440px) and (max-width: 1499px) {
  .search {
    margin-right: -290px;
    width: 300px;
   }
 }
  @media (min-width: 1200px) and (max-width: 1440px) {
  .search {
    margin-right: -150px;
    width: 200px;
   }
 }
@media (min-width: 1601px) and (max-width: 1920px) {
  .my-list-content .my-list-content-header .my-list-content-header-item-el + .my-list-content-header-item-el{margin-left:20px; margin-right: 130px;}
}
@media screen and (max-width: 1400px) {
  .my-list-content .my-list-content-header .my-list-content-header-item-el + .my-list-content-header-item-el{margin-left:13px; margin-right: 135px;}
  .header .sag-kisim a.giris+a.giris {
    padding-left: 10px;
   }
  .header .sag-kisim a.giris i:before {
    font-size: 22px;
   }
  .header .sag-kisim a.giris {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
   }
  .header .sag-kisim a.giris span {
    width: 50px;
    font-size: 14px;
   }
  a.navbar-brand img {
    width: 130px;
   }
}


@media screen and ( max-width: 1280px) {
  .my-list-content .my-list-content-header .my-list-content-header-item-el + .my-list-content-header-item-el{margin-left:13px; margin-right: 108px;}
  .navbar-nav li a {
    font-size: 13px;
   }
  .navbar-nav li+li {
    margin-left: 10px;
   }
  .header .sag-kisim a.giris span {
    font-size: 13px;
    width: 50px;
   }
  .header .sag-kisim a.giris+a.giris {
    padding-left: 10px;
   }
  .header .sag-kisim a.giris i:before {
    font-size: 26px;
   }
}
@media screen and (max-width: 1200px){
  
  .online-katalog, .online-katalog.sponsorluk, .online-alisveris{
    transform: translate(0,0);
    opacity: 1;
   }
}



@media screen and (max-width: 991px) {
  
  .header .sag-kisim {
    display: none;
   }
  .navbar-nav li a {
    padding: 0 !important;
   }
  header.fixHeader .header {
    z-index: 9999999999999;
    background: #fff;
   }
  nav.header {
    height: 90px !important;
    padding: 0 35px !important;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
   }
  .forTable {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
   }
  .header .language {
    display: none !important;
   }
  .forTable a {
    border-radius: 50px;
    background: #fff;
    border: 1px solid black;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 49px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: black;
    font-size: 21px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
   }
  .forTable {
   }
  .forTable a+a {
    margin-left: 14px;
   }
  .tutucu.tekli {
    padding-right: 0 !important;
   }
  .navbar-nav li {
    position: inherit !important;
   }
  .navbar-nav li>div {
    left: 0;
    padding: 50px 20px;
    right: 0;
    padding: 30px 50px;
    min-width: 340px;
   }
  .navbar-nav div ul {
    padding: 0 !important;
    width: 33.33% !important;
   }
  .navbar-nav div ul+ul {
    padding-left: 20px !important;
   }
  .menu .navbar-nav li:nth-child(4)>div {
    min-width: 400px;
    right: 80px;
   }
  .menu .navbar-nav li:nth-child(4):hover>div {
    left: auto !important;
   }
  .navbar-nav li ul li a {
    font-size: 11px;
   }
  .menu ul.navbar-nav {
    margin-right: 40px;
   }
  .navbar-nav li+li {
    margin-left: 25px;
   }
  .menu .navbar-nav li:nth-child(1)>div {
    right: auto;
    left: auto;
    width: auto;
   }
  .navbar-nav li ul li a:before, .navbar-nav li ul li a:after {
    display: none;
   }
  .fixHeader nav.header {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
   }
}

@media screen and (max-width: 767px) {
  
  .menu {
    display: none;
   }
  .forTable {
    display: none !important;
   }
  header {
    height: 90px;
   }
  .header-bar {
    height: 100%;
   }
  .mobile-header {
    display: inline-block;
    height: 90px !important;
    -webkit-box-shadow: 0 3px 15px #f1f1f1;
    box-shadow: 0 3px 15px #f1f1f1;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
   }
  .mobile-search {
    display: none !important;
   }
  .hamburger-menu {
    display: block !important;
    top: 35px;
   }
  .mobile-logo {
    position: relative !important;
    margin: 0 !important;
   }
  
  .mobile-header .mobile-top {
    position: relative;
    height: 100%;
   }
  nav.header {
    padding: 0 20px !important;
    height: 100% !important;
   }
  
  
  .mobile-menu {
    display: block !important;
   }
  .mobile-menu-active .mobile-menu {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    display: block;
    padding: 20px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
   }
  
  .overlays:before,.overlays:after {
    display: none;
   }
  
}


/** MOBİL MENÜ2**/
/** FOOTER**/
/* Footer START */
footer{ background:#F4F4F4; border-top: solid; border-top-width: 4px; border-top-color: #3e3e3e}
footer .top-lines .line{ flex:0 0 33.3333333%; height:4px;}
footer .top-lines{ display:flex;}
footer .footer-mid{ display:flex; padding:100px 0 85px; margin:0 14.2vw;}
footer .footer-mid .logo{ display:flex; align-items:center;}
footer .footer-mid .logo h2{ margin-bottom:0; margin-left:3.1vw; font-weight:600; font-size:25px; line-height:37px; color:#6a6a6a;}
footer .footer-mid .footer-menu{ margin-left:12.7vw; margin-right:5.7vw;}
footer .footer-mid .footer-menu h3{ font-weight:500; font-size:22px; color:#393939; margin-bottom:20px;}
footer .footer-mid .logo svg{ width:195px; height:135px;}
footer .footer-mid .footer-menu ul{}
footer .footer-mid .footer-menu ul li { transition: .4s; }
footer .footer-mid .footer-menu ul li a{ font-weight:normal; font-size:17px; color:#393939;}
footer .footer-mid .footer-menu ul li + li{ margin-top:15px;}
footer .footer-mid .footer-explantion{ padding-left:50px; margin-left:50px; position:relative;}
footer .footer-mid .footer-explantion h3{ font-weight:500; font-size:24px; color:#262524; margin-bottom:10px;}
footer .footer-mid .footer-explantion >a{ font-weight:500; font-size:30px; color:#cc1517; margin-bottom:25px;}
footer .footer-mid .footer-explantion p{ font-weight:500; font-size:17px; line-height:26px; color:#626262; margin-bottom:30px;}
footer .footer-mid .footer-explantion .social-media{ display:flex; align-items:center;}
footer .footer-mid .footer-explantion .social-media .social-media-item {display: block;}
footer .footer-mid .footer-explantion .social-media .social-media-item + .social-media-item{ margin-left:22px;}
footer .footer-mid .footer-explantion .social-media .social-media-item svg path{ transition:.4s;}
footer .footer-mid .footer-explantion .social-media .social-media-item:hover svg path{ fill:#474747;}
footer .footer-mid .footer-explantion:before{ content:""; position:absolute; left:0; top:-30px; bottom:-10px; background:#E6E6E6; width:1px;}
footer .footer-bottom{ padding:30px 0 40px; margin:0 14.2vw; display:flex; align-items:center; justify-content:space-between; border-top:1px solid #E6E6E6;}
footer .footer-bottom .copyright{}
footer .footer-bottom .copyright p{ font-weight:500; font-size:14px; color:#a2a2a2; margin-bottom:0;}
footer .footer-bottom .copyright p strong{ font-weight:600;}
footer .footer-bottom .policys{ display:flex; align-items:center;}
footer .footer-bottom .policys .policy{ font-weight:500; font-size:14px; color:#6e6e6e; transition:.4s;}
footer .footer-bottom .policys .policy + .policy{ margin-left:30px;}
footer .footer-bottom .policys .policy:hover{ color:#272727;}
footer .footer-bottom .signature{ display:flex; align-items:center;}
footer .footer-bottom .signature a{color: #8a8a8a;line-height:normal;font-weight: 500;}
footer .footer-bottom .signature a:nth-child(2){ width:60px; height:20px; margin-top:-7px; margin-left:15px; position:relative;}
footer .footer-bottom .signature a:nth-child(2):before{ content:""; position:absolute; left:-8px; top:2px; bottom:-4px; width:1px; background:#A2A2A2;}

@media only screen and (max-width: 1500px){
  footer .footer-mid .footer-explantion >a {font-size: 22px;}
  footer .footer-mid .footer-explantion h3 { font-size: 21px; }
  footer .footer-mid .footer-explantion p { font-size: 14px; }
  footer .footer-mid { margin: 0 7vw; }
  footer .footer-bottom { margin: 0 7vw; }
}

@media only screen and (max-width: 991px){
  footer .footer-mid { padding: 50px 0 60px; flex-direction: column; align-items: center; }
  footer .footer-mid .logo svg { width: 90px; height: 90px; }
  footer .footer-mid .logo h2 { font-size: 22px; }
  footer .footer-mid .footer-menu { margin: 0; }
  footer .footer-mid .footer-menu ul { display: flex; align-items: center; }
  footer .footer-mid .footer-menu ul li + li { margin-top: 0; margin-left: 15px; }
  footer .footer-mid .footer-menu h3 { text-align: center; }
  footer .footer-mid .logo { margin-bottom: 25px; }
  footer .footer-mid .footer-explantion { padding: 0; margin-top: 50px; display: flex; flex-direction: column; align-items: center; }
  footer .footer-mid .footer-explantion h3 { animation: none; text-align: center; }
  footer .footer-mid .footer-explantion:before { display: none; }
  footer .footer-mid .footer-explantion p { margin-bottom: 15px; width: 510px; text-align: center; }
  footer .footer-mid .footer-explantion >a { margin-bottom: 10px; }
  footer .footer-bottom .copyright p { font-size: 12px; }
  footer .footer-bottom .signature a { font-size: 13px; }
  footer .footer-bottom .signature a:nth-child(2) { height: 16px; width: 52px; }
  footer .footer-bottom .policys .policy { font-size: 13px; }
  footer .footer-bottom .policys .policy + .policy { margin-left: 20px; }
}

@media only screen and (max-width: 767px){
  footer .footer-mid .logo {display: none;}
  footer .footer-mid .footer-menu { display: none; }
  footer .footer-mid .footer-explantion { margin-top: 0; }
  footer .footer-mid { padding: 40px 0; }
  footer .footer-bottom {flex-direction: column;padding: 20px 0 35px;position: relative;margin: 0;}
  footer .footer-bottom .policys { margin: 11px 0; }
  footer .footer-bottom .signature {position: absolute;bottom: 0;right: 0;left: 0;display: flex;justify-content: center;padding: 8px 0;background: #e4e4e4;}
  footer .footer-mid .footer-explantion p {width: 100%;font-size: 12px;}
  footer .footer-mid .footer-explantion >a { font-size: 21px; }
  footer .footer-mid .footer-explantion h3 { font-size: 18px; }
}

/* Main References */
.main-references{padding: 0px 0 60px; background: white; margin-top: -60px;}
.main-references .main-references-container{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;padding: 0 230px 0 200px;}
.main-references .main-references-container .main-references-all-btn{position: absolute;top: -55px;right: 250px;font-family: 'Trebuchet MS';font-size: 12px;color: #cc1517 !important;border-radius: 100px;border: 2px solid #edefe1;padding: 6px 15px;display: inline-block;}
.main-references .main-references-container .main-references-title{  }
.main-references .main-references-container .main-references-title h4{font-family: 'Trebuchet MS';font-weight: 600;font-size: 45px;line-height: 55px;text-align: left;color: #5b602f;margin-bottom: 0;}
.main-references .main-references-container .main-references-title h4 span{display: inline-block;font-size: 43px;color: #cc1517;position: relative;padding-left: 20px;}
.main-references .main-references-container .main-references-slider-container{overflow: hidden;padding-left: 100px;}
.main-references .main-references-container .main-references-slider-container .swiper-slide{  }
.swiper-slide .main-references-slider-item{height: 135px;border-radius: 20px;background: #fff0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 0;margin: 1px;}
.main-references .main-references-container .main-references-slider-container .swiper-slide .main-references-slider-item .main-references-slider-logo{position: relative;background: white;overflow: hidden;}
.main-references .main-references-container .main-references-slider-container .swiper-slide .main-references-slider-item .main-references-slider-logo:before {content: "";position: absolute;top: 50%;left: 50%;z-index: 9;width: 220px;height: 110px;transform: translate(-50%, -50%);}
.swiper-slide .main-references-slider-item .main-references-slider-logo img{max-width: 80%;}
.main-references .main-references-container .main-references-all-btn:hover {
    border-color: #cc1517;
    background: #cc1517;
    color: #fff !important;
}
.main-references-slider-logo {
    background: white;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.main-references-slider-logo:before {content:"";position: absolute;top: 50%;left: 50%;z-index: 9;width: 220px;height: 110px;transform: translate(-50%, -50%);}

.main-references-slider {
    overflow: hidden;
}

.main-references .swiper-pagination {
    width: auto;
    right: 200px;
    left: auto;
    padding: 10px 0;
}

.main-references .main-references-container .main-references-title h4 span:before {content: "";position: absolute;top: 7px;bottom: 8px;left: 0;background: #cc1517;width: 6px;border-radius: 200px;}

.main-references .swiper-pagination span {
    display: block;
}

.main-references .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-top: 10px;
}

.main-references .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #cc1517;
}

.main-references .swiper-pagination .swiper-pagination-bullet {
    background: #C5CCA8;
}

.main-references .swiper-pagination .swiper-pagination-bullet:hover {
    background: #cc1517;
}

@media only screen and (max-width: 1800px){
    .main-references .main-references-container {
        padding: 0 180px 0 150px;
    }
    .main-references .swiper-pagination {
        right: 140px;
    }
    .main-references .main-references-container .main-references-all-btn {
        right: 200px;
    }
}   
    
@media only screen and (max-width: 1400px){
    .main-references .main-references-container {padding: 0 130px 0 100px;}
    .main-references .swiper-pagination {
        right: 90px;
    }
    .main-references .main-references-container .main-references-all-btn {
        right: 140px;
    }
}

@media only screen and (max-width: 1199px){
    .main-references .main-references-container .main-references-title h4 {
        font-size: 30px;
        line-height: 40px;
    }

    .main-references .main-references-container .main-references-title h4 span {
        font-size: 30px;
    }

    .main-references .main-references-container .main-references-title h4 span:before {
        width: 4px;
    }
}

@media only screen and (max-width: 991px){
    .main-references .main-references-container {
        display: block;
        padding: 0 100px;
    }

    .main-references .swiper-pagination {
        top: 50%;
        transform: translateY(-25%);
        right: 70px;
        display: none;
    }

    .main-references .main-references-container .main-references-all-btn {
        top: 20px;
    }

    .main-references .main-references-container .main-references-title h4 span {
        display: block;
    }

    .main-references .main-references-container .main-references-slider-container {
        padding-left: 0;
    }

    .main-references .main-references-container .main-references-title {
        margin-bottom: 50px;
        padding-right: 100px;
    }

    .main-references-slider-logo:before {
        height: 60px;
    }

    .main-references {
        padding: 100px 0;
    }
}

@media only screen and (max-width: 767px){
    .main-references .main-references-container {
        padding: 0 40px;
    }

    .main-references {
        padding: 60px 0 !important;
    }

    .main-references .main-references-container .main-references-title h4 {
        font-size: 25px !important;
    }

    .main-references .main-references-container .main-references-title h4 span {
        font-size: 25px !important;
    }

    .main-references .main-references-container .main-references-all-btn {
        right: 40px;
    }

    .main-references .swiper-pagination {
        display: none;
    }
    .main-references-slider-logo:before {
        height: 80px;
    }
}

@media only screen and (max-width: 1370px){
  .sag-kisim{padding-left: 70px;}
}
@media only screen and (max-width: 1920px){
  .sag-kisim{padding-left: 450px;}
}
@media only screen and (max-width: 1680px){
  .sag-kisim{padding-left: 350px;}
}
@media only screen and (max-width: 1600px){
  .sag-kisim{padding-left: 300px;}
}
@media only screen and (max-width: 1440px){
  .sag-kisim{padding-left: 160px;}
}
@media only screen and (max-width: 1370px) and (max-height: 770px){
    .main-references .main-references-container .main-references-title h4 {
        font-size: 35px;
    }

    .main-references .main-references-container .main-references-title h4 span {
        font-size: 35px;
        padding-left: 15px;
    }

    .main-references .main-references-container .main-references-title h4 span:before {
        width: 4px;
    }

    .main-references {
        padding: 150px 0 200px;
    }
}


/* Footer END */
.references-container {
    display: flex;
    align-items: center;
}

.references-slider-container {flex: 0 0 50%;overflow: hidden;position: relative;padding-bottom: 90px;margin-top: 90px;}

.references-container .page-title {
    margin-left: 0;
    margin: 20px 0 30px;
}

.references {
    padding-right: 180px;
    min-height: auto;
}

.page .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 10px;
}

.page .swiper-pagination .swiper-pagination-bullet {
    background: #C5CCA8;
}

.page .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #cc1517;
}

.references-slider-container .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

@media only screen and (max-width: 1400px){
.references {
    padding-right: 50px;
}
}

@media only screen and (max-width: 1199px){

    .references .page-text {
        padding-left: 60px;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 991px){
    .references-container {
        display: block;
    }
    .references-slider-container {
        margin-top: 10px;
        padding-bottom: 60px;
    }
    .references .page-text {
        padding: 0 0 50px;
    }
    .references-container .page-title {
    margin-top: 0;
}

}

@media only screen and (max-width: 767px){
    .references .page-text {
        padding: 0 0 30px;
    } 
}


@media only screen and (max-width: 1370px) and (max-height: 770px){
    .references-slider-container {
        padding-bottom: 50px;
        margin-top: 50px;
        flex: 0 0 55%;
    }
    
    .swiper-slide .main-references-slider-item .main-references-slider-logo img {
        max-width: 180px;
    }
    .references .references-container .page-text {
        flex: 0 0 40%;
    }
}

@media only screen and (max-width: 767px){
    .swiper-slide .main-references-slider-item .main-references-slider-logo img {
        max-width: 220px;
    }
}


/**ürünler yeni**/
section.urunler {
  width: 100%;
  margin-bottom: 110px
}

section.urunler .sol-kisim {
  -webkit-box-flex: 0;
    -ms-flex: 0 0 350px;
      flex: 0 0 350px
}

section.urunler .sag-kisim {
  -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 370px);
      flex: 0 0 calc(100% - 370px)
}

section.urunler .sol-kisim .lisans {
  font-size: 20px;
  color: #a2a2a2;
  margin-top: 60px
}

section.urunler .sol-kisim h3 {
  font-weight: 700;
  font-size: 25px;
  color: #a2a2a2;
  margin-bottom: 20px
}

section.urunler .sol-kisim ul li+li {
  margin-top: 10px
}

section.urunler .sol-kisim ul li a {
  font-weight: 400;
  font-size: 20px;
  color: #a2a2a2;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  position: relative;
  display: inline-block;
  padding-left: 45px;
  padding-right: 20px;
  max-width: calc(100% - 20px);
  -webkit-box-sizing: border-box;
      box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis
}

section.urunler .sol-kisim ul li a i:before {
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  margin-right: 15px
}

section.urunler .sol-kisim ul li a.active i {
  -webkit-filter: invert(100%) grayscale(180%) brightness(30%) sepia(100%) hue-rotate(670deg) saturate(600%);
  filter: invert(100%) grayscale(180%) brightness(30%) sepia(100%) hue-rotate(670deg) saturate(600%)
}

section.urunler .sol-kisim ul li a:hover {
  color: #3e3d3d
}

section.urunler .sol-kisim ul li a:hover i {
  -webkit-filter: invert(100%) grayscale(180%) brightness(30%) sepia(100%) hue-rotate(670deg) saturate(600%);
  filter: invert(100%) grayscale(180%) brightness(30%) sepia(100%) hue-rotate(670deg) saturate(600%)
}

section.urunler .sol-kisim ul li a:hover i:before {
  color: #ec2127
}

section.urunler .sol-kisim ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

section.urunler .sol-kisim ul li a:after {
  content: "/";
  position: absolute;
  top: 0;
  right: -30px;
  bottom: 0;
  color: #ec2127;
  opacity: 0;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out
}

section.urunler .sol-kisim ul li a:before {
  content: "/";
  position: absolute;
  top: 0;
  right: -30px;
  bottom: 0;
  color: #ec2127;
  opacity: 0;
  -webkit-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out
}

section.urunler .sol-kisim ul li a:hover:after {
  right: 10px;
  opacity: 1
}

section.urunler .sol-kisim ul li a:hover:before {
  opacity: 1;
  right: 0
}

.urunler .sol-kisim .custom-control-input:focus~.custom-control-label::before {
  -webkit-box-shadow: none;
  box-shadow: none
}

.urunler .sol-kisim .custom-control-input:checked~.custom-control-label::before {
  -webkit-box-shadow: none;
  box-shadow: none
}

.urunler .lisans .custom-control-label::before {
  width: 20px;
  height: 20px;
  background-color: transparent;
  border-radius: 5px;
  border: 2px solid #a2a2a2;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  left: -30px
}

.urunler .sol-kisim .lisans label.custom-control-label {
  line-height: normal!important
}

.urunler .sol-kisim .lisans .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  content: "\f125";
  font-family: Flaticon;
  font-size: 10px;
  font-style: normal;
  color: #3e3d3d;
  top: 9px;
  left: -24px
}

.urunler .sol-kisim .lisans label.custom-control-label {
  margin-left: 7px
}

.urunler .sol-kisim .custom-checkbox .custom-control-input:checked~.custom-control-label {
  color: #3e3d3d
}

section.urunler .sag-kisim>ul li {
  -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25% - 30px);
      flex: 0 0 calc(25% - 30px);
  max-width: calc(25% - 30px);
  margin-bottom: 40px
}

section.urunler .sag-kisim>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 70px;
  -webkit-box-pack: justify;
    -ms-flex-pack: justify;
      justify-content: space-between
}

section.urunler .sag-kisim .altKisim {
  padding: 0 20px
}

section.urunler .sag-kisim .aciklama p {
  font-size: 20px;
  color: #a2a2a2
}

section.urunler .sag-kisim .aciklama {
  text-align: center;
  margin-bottom: 70px;
  padding: 0 30px;
  margin-right: 70px
}

.tercihUrunTutucu .altKisim {
  padding: 0 37px 37px 35px
}

.tercihUrunTutucu .urunler .sag-kisim .urunBilgiAll {
  padding-left: 0
}

.urunler .sag-kisim .altKisimText {
  position: relative;
  padding-bottom: 30px
}

.urunler .sag-kisim .incele {
  bottom: 0
}

.urunler .sag-kisim .urunBilgiAll:hover .incele {
  bottom: 20px
}

section.urunler .sol-kisim ul li a i {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: 100%!important;
  margin-right: 10px!important;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  position: absolute;
  transition: all .3s ease-out;
  left: 0;
  top: calc(50% - 15px)
}

section.urunler .sol-kisim ul li a.active {
  color: #3e3d3d
}

section.urunler .sol-kisim ul li a.active:before {
  opacity: 1;
  right: 0
}

section.urunler .sol-kisim ul li a.active:after {
  right: 10px;
  opacity: 1
}
.urunler .sol-kisim .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color: transparent;
  border-color: #3e3d3d;
  -webkit-transition: none;
  -o-transition: none;
  transition: none
}

.urunler form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  -webkit-box-pack: justify;
    -ms-flex-pack: justify;
      justify-content: space-between
}
.urunlerAll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.urunBilgi {
  position: absolute;
  top: calc(100% - 109px);
  width: 100%;
  z-index: 9;
  text-align: center
}

span.urunImg {
  position: relative!important;
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.urunSlider .swiper-slide {
  padding-right: 11px
}

.urunSayi {
  text-align: right;
  display: inline-block
}

.urunSayi i {
  color: black;
  width: 35px;
  height: 35px;
  text-align: right;
  background-size: 35px 35px!important;
  background-repeat: no-repeat!important;
  opacity: .69;
  display: -ms-flexbox;
  -ms-flex-align: end;
  -ms-flex-pack: end;
  display: inline-block
}

.urunSayi span {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  display: block;
  color: black;
  white-space: nowrap
}

.urunYazi span {
  font-family: Trebuchet MS;
  font-weight: 700;
  font-size: 24px;
  text-align: left;
  color: #231f20
}

.urunYazi i.flaticon-group-173 {
  width: 60px;
  color: #ec2127;
  padding-left: 10px
}

.urunYazi {
  width: 160px;
  padding-top: 20px;
  display: inline-block;
  text-align: left;
  text-transform: uppercase
}

.urunSayi i:before {
  font-size: 28px;
  font-weight: 400
}

.urunBilgi i.flaticon-group-235:before {
  font-size: 35px
}

.urunBilgi i.flaticon-group-173:before {
  font-size: 67px;
  color: #ec2127
}

.urunBilgi i.flaticon-group-173 {
  width: 50px;
  line-height: normal;
  display: inline-block
}

.urunPagi {
  position: relative;
  left: 0
}

.markaPagi {
  position: relative;
  left: 0
}

.urunPagi .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 9;
  width: 100%;
  height: 70px
}

.urunBilgiAll {
  padding: 3px;
  border: solid 2px;
  border-bottom-right-radius: 50px;
  border-top-left-radius: 50px;
  -webkit-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
  padding-bottom:20px;
}

.incele i {
  margin-left: 4px
}

h3.iText i {
  margin-right: 10px
}

.urunBilgiAll:hover .incele {
  opacity: 1;
  visibility: visible;
  z-index: 99;
  bottom: 32px
}

.urunBilgiAll:hover {
  border-color: #000000!important
}

.urunBilgiAll:hover .iText {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  top: -20px
}
.ustKisim {
  width: 100%;
  position: relative;
  display: inline-block;
  text-align: center;
}

.ustKisim img {
  position: relative;
  max-width: calc(100% + 8px + 20%);
  margin-top: -74px;
  display: inline-block
}

h3.altKisimBilgi {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: black;
  margin-bottom: 35px;
  height: 28px;
  overflow: hidden
}

.altKisimText {
  font-weight: 500;
  padding-top: 16px;
}

h3.iText {
  font-size: 15px;
  line-height: 1.2;
  color: #3e3d3d;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
  position: relative;
  top: 0;
  z-index: 9
}

.altKisimText i:before {
  color: #3e3d3d;
  font-size: 11px
}
.bilgiText .urunText {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: black;
  height: 83px;
  overflow: hidden;
  margin-top: 8px;
  display: inline-block
}
.urunbuton{
	padding-top: 10px;
}
.bilgiText .urunText:hover,
.incele:hover {
  color: black
}
.yeniKutu {
  height: 35px
}

.yeniKutu i:before {
  font-size: 24px
}

.yeniKutu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-top: -35px
}
.yeniKutu i {
  width: 19px
}
.bilgiKutu {
  position: relative;
  left: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
span.sol {
  width: 9px;
  height: 27px;
  position: absolute;
  background: #fff;
  top: -1px;
  left: -6px;
  -webkit-transform: rotate(13deg);
  -ms-transform: rotate(13deg);
  transform: rotate(13deg)
}
.ilgili-urunler span.sol {
  background: #f8f8f8
}
h3.yeniText {
  padding: 3px 20px 3px 14px;
  font-size: 15px;
  color: #fff;
  background-color: #65a855;
  z-index: 9;
  margin: 0;
  font-style: italic
}
span.sag {
  width: 9px;
  height: 29px;
  position: absolute;
  background: #fff;
  top: 0;
  right: -5px;
  -webkit-transform: rotate(16deg);
  -ms-transform: rotate(16deg);
  transform: rotate(16deg)
}
span.alt {
  position: relative;
  background-color: #ec2127;
  width: 41px!important;
  height: 2px!important;
  display: block;
  margin-top: 30px
}
.altSol i {
  line-height: normal;
  color: #545454;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 33px
}

.altSol i:first-child {
  padding: 0
}
.incele {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  color: #3e3d3d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 10px;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out
}

/** ürün detay**/
.page.product-detail{}
.page.product-detail .product-exp{ padding:100px 9.7vw 100px 18.6vw;}
.page.product-detail .product-exp .product-exp-holder{ border:2px solid; border-top-left-radius: 50px; border-bottom-right-radius: 50px;  display:flex; position:relative; padding:100px 0px; justify-content:space-between; min-height:530px;}
.page.product-detail .product-exp .product-exp-holder .product-image{position:absolute;left: -200px;top:50%;transform:translateY(-50%);padding:20px 0;width: 400px;height: 400px;object-fit: contain;}
.page.product-detail .product-exp .product-exp-holder .product-info{ width:100%; padding-right: 100px; margin-left:240px;}
.page.product-detail .product-exp .product-exp-holder .product-info .code{ font-weight:bold; font-size:17px; line-height:20px; color:#cc1517; margin-bottom:10px;}
.page.product-detail .product-exp .product-exp-holder .product-info .product-name{ font-weight:600; font-size:30px; line-height:40px; color:black; margin-bottom:25px;}
.page.product-detail .product-exp .product-exp-holder .product-info p{ font-weight:500; font-size:16px; line-height:25px; color:black;}
.page.product-detail .product-exp .product-exp-holder .tab-section{ margin-right:45px; margin-left: 25px;}
.page.product-detail .product-exp .product-exp-holder .tab-section .nav-tabs{ border:0;}
.page.product-detail .product-exp .product-exp-holder .tab-section .nav-tabs .nav-item{}
.page.product-detail .product-exp .product-exp-holder .tab-section .nav-tabs .nav-item .nav-link{ border:none; border-bottom:2px solid #A2A2A2; font-weight:600; font-size:18px; letter-spacing:0.1em; color:#a2a2a2; padding:5px; transition:.4s;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content{ min-width:515px;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane{ max-width:515px;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane ul{ margin-top:25px;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane ul li{ padding:0 40px;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane ul li a{ display:block;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane ul li a svg{ margin-right:25px;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane ul li + li{ margin-top:15px;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane ul li a span{ font-weight:600; font-size:17px; line-height:28px; color:#4b4b4b; transition:0.3s;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane ul li a:hover span{ color:#cc1517;}
.page.product-detail .product-exp .product-exp-holder .tab-section .nav-tabs .nav-item + .nav-item{ margin-left:30px;}
.page.product-detail .product-exp .product-exp-holder .tab-section .nav-tabs .nav-item .nav-link.active{ color:#cc1517; border-color:#cc1517;}
.page.product-detail .product-exp .product-exp-holder .tab-section .nav-tabs .nav-item .nav-link:hover{ border-color:#cc1517;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane .form-info{ font-weight:500; font-style:italic; font-size:13px; line-height:25px; color:#818181; text-align:center; padding:16px 0; display:block;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form{ display:flex; flex-wrap:wrap;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item{ flex:0 0 48%; position:relative;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item + .form-item{ margin-left:4%;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item:nth-child(2n+1){ margin-left:0;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item:nth-child(n+3){ margin-top:15px;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item input, .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item textarea{width:100%;height:45px;border:1px solid #CBCBCB;box-shadow:none;outline:0;padding: 9px 18px;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item label{ position:absolute; left:20px; top:13px; margin-bottom:0; font-weight:500; font-size:14px; color:#a2a2a2; transition:.3s;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item textarea{resize:none;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item textarea ~label { font-weight: 600;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item.captcha-side{ flex: 0 0 100%; }
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .verify { margin-top: 15px; }
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .verify .verify-item {position: relative;display: flex;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .verify .verify-item input {position: absolute;left: 8px;top: 10px;opacity: 1;visibility: visible;width: 1px;height: 1px;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .verify .verify-item label {width: 3.3%;height: 16px;border: 1px solid #bcbbbb;display: flex;align-items: center;justify-content: center;margin-top: 1px;margin-bottom: 0;transition: .4s;cursor: pointer;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .verify .verify-item p {flex: 0 0 93%;font-weight: 500;font-style: italic;font-size: 13px;line-height: 20px;color: #818181;margin-left: 2.7%;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .verify .verify-item label span { width: 11px; height: 10px; padding: 2px; display: block; background: #cc1517; transition: .3s; opacity: 0; }
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .verify .verify-item input:checked ~ label span {opacity: 1;visibility: visible;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .verify .verify-item.active label span { opacity: 1; }
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .verify .verify-item.active label { border-color: #cc1517; }
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .verify .verify-item p a { color: #cc1517; }
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .verify .verify-item p button {background: none;color: #cc1517;border: none;box-shadow: none;outline: 0;padding: 0;font-style: italic;font-size: 14px;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item.captcha-side .captcha-holder{ display:flex; flex-wrap:wrap;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item.captcha-side .captcha-holder .captcha{flex: 0 0 28.5%;position:relative;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item.captcha-side .captcha-holder .captcha + .captcha{ margin-left:3%;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item.captcha-side .captcha-holder .captcha img{ width:100%; height:100%; border:1px solid #CBCBCB;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item.captcha-side .captcha-holder .captcha a{ position:absolute; right:6px; top:50%; transform:translateY(-50%); width:22px; height:21px; display:flex; justify-content:center; align-items:center; border-radius:25px; background:#cc1517; color:#fff; font-size:11px;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item.captcha-side .captcha-holder .captcha a i{}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item.captcha-side .captcha-holder .captcha input{ border-radius:0; height: 100%;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item.captcha-side .captcha-holder .submit{width: 36%;margin-left: 4%;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item.captcha-side .captcha-holder .submit input{ width:100%; background:#cc1517; border-radius:0; font-weight:600; font-size:15px; color:#262524; text-transform:uppercase; border:1px solid #cc1517; transition:.4s;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item.captcha-side .captcha-holder .submit input:hover{ background:#fff; color:#cc1517;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item input:focus ~ label, .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item textarea:focus ~ label{ opacity:0;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item input.active ~ label, .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item textarea.active ~ label{ opacity:0;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item input.active, .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item input:focus{ border-color:#cc1517;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item textarea.active, .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item textarea:focus{ border-color:#cc1517;}
.page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item.captcha-side .captcha-holder .captcha input::placeholder{ font-size:12px;}

@media only screen and (max-width: 1700px){
  .page.product-detail .product-exp {padding: 100px 4.7vw 100px 10.6vw;}
}

@media only screen and (max-width: 1650px){
  .page.product-detail .page-titles {
    padding: 200px 10.5vw 40px;
}
}

@media only screen and (max-width: 1500px){
  .page.product-detail .product-exp .product-exp-holder .product-info { width: 100%; }
  .page.product-detail .product-exp .product-exp-holder .product-info .code { font-size: 15px; }
  .page.product-detail .product-exp .product-exp-holder .product-info .product-name { font-size: 16px; margin-bottom: 15px; }
  .page.product-detail .product-exp .product-exp-holder .product-info p { font-size: 15px; }
  .page.product-detail .product-exp .product-exp-holder .tab-section .nav-tabs .nav-item .nav-link { font-size: 16px; }
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane ul li a span { font-size: 16px; }
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane ul li a svg {}
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane { max-width: 465px; }
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane .form-info { font-size: 12px; }
  .page.product-detail .product-exp .product-exp-holder .tab-section { margin-right: 25px;}
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content { min-width: 465px;}
}

@media only screen and (max-width: 1350px){
  .page.product-detail .product-exp .product-exp-holder .product-image { width: 210px; height: 320px; left: -90px; }
  .page.product-detail .product-exp .product-exp-holder .product-info { margin-left: 160px; }
  .page.product-detail .product-exp .product-exp-holder { flex-direction: column; padding: 150px 9.2vw 50px; align-items: center; border-bottom-right-radius: 85px; }
  .page.product-detail .product-exp .product-exp-holder .product-image { left: 50%; transform: translateX(-50%); top: -7%; padding: 0 30px; width: 260px; height: 290px; }
  .page.product-detail .product-exp { padding: 230px 4.7vw 80px; }
  .page.product-detail .product-exp .product-exp-holder .product-info { margin-left: 0; width: 100%; padding-right: 0px; }
  .page.product-detail .product-exp .product-exp-holder .tab-section { margin: 0; margin-top: 35px; }
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane { max-width: initial; min-height: 287px;}
  .page.product-detail .product-exp .product-exp-holder .tab-section .nav-tabs {justify-content: center;}
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane ul li a { text-align: center;}
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane ul li:first-child { padding-top: 25px;}
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane ul { margin-top: 0;}
}

@media only screen and (max-width: 767px){
  .page.product-detail .product-exp .product-exp-holder .tab-section .nav-tabs { flex-direction: column; }
  .page.product-detail .product-exp .product-exp-holder .tab-section .nav-tabs .nav-item + .nav-item { margin-left: 0; margin-top: 15px; }
  .page.product-detail .product-exp .product-exp-holder .tab-section .nav-tabs .nav-item .nav-link { text-align: center; }
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content { min-width: 321px; }
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane ul li { padding: 0 15px; }
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane ul li a span { font-size: 13px; }
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane ul li a svg { width: 22px; height: 22px; margin-right: 15px; }
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item { flex: 0 0 100%; }
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item + .form-item { margin-left: 0; margin-top: 15px; }
  .page.product-detail .product-exp .product-exp-holder .tab-section .nav-tabs .nav-item .nav-link { border: 2px solid #A2A2A2; padding: 10px 5px; font-size: 13px; font-weight: 600; border-radius: 0; }
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane .form-info { line-height: 16px; }
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item label { font-size: 13px; }
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane form .form-item.captcha-side .captcha-holder .submit input { font-size: 14px; }
  .page.product-detail .product-exp .product-exp-holder .product-image { width: 200px; height: 200px; top: -5%; }
  .page.product-detail .product-exp { padding: 160px 4.7vw 80px; }
  .page.product-detail .product-exp .product-exp-holder {border-bottom-right-radius: 50px;}
  .page.product-detail .product-exp .product-exp-holder .product-info p { font-size: 13px; }
  .page.product-detail .product-exp .product-exp-holder .tab-section .tab-content .tab-pane {min-height: initial;}
}
/* Products List START */
.page.products {}
.page.products form {}
.page.products form .product-holder { display: flex; padding: 100px 14.7vw; }
.page.products form .product-holder .sidebar {width: 310px;}
.page.products form .product-holder .sidebar .product-sidebar {display: flex;flex-direction: column;border: 1px solid #D3D3D3;padding: 3px;border-bottom-right-radius: 50px;position: sticky;top: 145px;max-height: calc(100vh - 190px);overflow: auto;}
.page.products form .product-holder .sidebar .product-sidebar::-webkit-scrollbar { width: 2px; }
.page.products form .product-holder .sidebar .product-sidebar::-webkit-scrollbar-track { background: rgb(228, 228, 228); }
.page.products form .product-holder .sidebar .product-sidebar::-webkit-scrollbar-thumb { background-color: rgb(206, 206, 206); outline: 0; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.categories { display: flex; flex-direction: column; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item .sidebar-title { font-weight: 600; font-size: 18px; letter-spacing: 0.1em; color: #434343; background: #F8F8F8; padding: 30px 27px; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.categories .item-info {padding: 15px 10px;}
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.categories .item-info .info-item {}
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.categories .item-info .info-item >a {transition: .4s;font-weight: 500;font-size: 17px;color: black;display: flex;padding: 30px 10px 30px 10px;align-items: center;text-align: center;}
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.categories .item-info .info-item >a svg {margin-left: 27px;margin-top: -4px;transition: .4s;}
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.categories .item-info .info-item ul {background: #F7F7F7;padding: 10px 10px;display: none;}
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.categories .item-info .info-item ul li {}
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.categories .item-info .info-item ul li a {font-weight: 500;font-size: 14px;color: #464646;padding: 20px 15px 20px 15px;display: block;transition: 0.3s;}
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.categories .item-info .info-item ul li + li { border-top: 1px solid #E8E8E8; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands {}
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info { display: flex; flex-direction: column; padding: 40px 35px; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info .form-item { display: flex; align-items: center; position: relative; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info .form-item input {position: absolute;opacity: 0;visibility: hidden;}
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info .form-item label { margin-bottom: 0; display: flex; align-items: center; font-weight: 500; font-size: 17px; color: black; transition: .4s; cursor: pointer; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info .form-item label >span { width: 17px; height: 17px; display: flex; justify-content: center; align-items: center; margin-right: 15px; border: 1px solid black; border-radius: 5px; margin-top: -2px; transition: .4s; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info .form-item + .form-item { margin-top: 15px; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info .form-item label >span span { width: 13px; height: 13px; border-radius: 5px; transition: .4s; opacity: 0; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info .form-item:nth-child(1) label >span span { background: #E36B77; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info .form-item:nth-child(1) input:checked ~ label { color: #E36B77; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info:nth-child(1) .form-item input:checked ~ label >span {border-color: #E36B77;}
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info .form-item:nth-child(2) input:checked ~ label >span { border-color: #5873DE; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info:nth-child(3) .form-item input:checked ~ label >span { border-color: #6CAC9C; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info .form-item:nth-child(2) input:checked ~ label { color: #5873DE; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info .form-item:nth-child(3) input:checked ~ label { color: #6CAC9C; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info .form-item:nth-child(3) input:checked ~ label >span { border-color: #6CAC9C; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info .form-item:nth-child(1) input:checked ~ label >span { border-color: #E36B77; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info .form-item:nth-child(2) label >span span { background: #5873DE; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info .form-item:nth-child(3) label >span span { background: #6CAC9C; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info .form-item input:checked ~ label >span span { opacity: 1; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.categories .item-info .info-item >a.active { color: #cc1517; }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.categories .item-info .info-item >a.active svg { transform: rotate(90deg); }
.page.products form .product-holder .sidebar .product-sidebar .sidebar-item.categories .item-info .info-item + .info-item { border-top: 1px solid #F4F4F4; }
.page.products .product-list-side .products-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; }
.page.products .product-list-side .products-title h2 { font-weight: 500; font-size: 25px; line-height: 25px; color: #191919; margin-bottom: 0; }
.page.products .product-list-side .products-title .total-count p {font-weight: 500;font-size: 19px;letter-spacing: 0.05em;color: #8D8D8D;margin-bottom: 0;}
.page.products .product-list-side .products-title .total-count p span { color: #E36B77; font-weight: 600; }
.page.products .product-list-side .products { display: flex; flex-wrap: wrap; }
.page.products .product-list-side .products .product-item {flex: 0 0 28.5%;height: 320px;padding: 0 40px 30px 0;position: relative;}
.page.products .product-list-side .products .product-item + .product-item {margin-left: 7.2%;}
.page.products .product-list-side .products .product-item:nth-child(3n+1) { margin-left: 0; }
.page.products .product-list-side .products .product-item:nth-child(n+4) { margin-top: 60px; }
.page.products .product-list-side .products .product-item .item-holder .product-name {font-weight: 500;font-size: 15px;line-height: 20px;color: #4b4b4b;margin-bottom: 0;max-width: 185px;}
.page.products .product-list-side .products .product-item .item-holder .product-code {width: 85px;min-height: 35px;position: relative;overflow: hidden;z-index: 1;}
.page.products .product-list-side .products .product-item .item-holder .product-code span { font-weight: bold; font-size: 15px; line-height: 20px; color: #262524; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: .4s; }
.page.products .product-list-side .products .product-item .item-holder .product-code span:nth-child(2) {display: flex;align-items: center;text-align: right;opacity: 1;width: 85px;left: 100%;}
.page.products .product-list-side .products .product-item .item-holder .product-code span:nth-child(2) svg { width: 30px; height: 27px; margin-left: 13px; }
.page.products .product-list-side .products .product-item .item-holder .product-image {position: absolute;right: -27px;bottom: -8px;padding: 0;background: #ffff;transition: 0.4s;width: 220px;height: 220px;object-fit: contain;}
.page.products .product-list-side .products .product-item .item-holder {width: 100%;height: 100%;border: 1px solid #D3D3D3;border-top-left-radius: 47px;border-bottom-right-radius: 73px;padding: 37px 0 20px 20px;display: flex;flex-direction: column;justify-content: space-between;transition: .4s;}
.page.products form .product-holder .product-list-side {width: 895px;margin-left: 120px;}
.page.products form .product-holder .category-btn { display: none; }
.page.products form .product-holder .sidebar .close-sidebar {display: none;}


@media (hover: hover){
  .page.products form .product-holder .sidebar .product-sidebar .sidebar-item.categories .item-info .info-item >a:hover {color: #cc1517;}
  .page.products form .product-holder .sidebar .product-sidebar .sidebar-item.categories .item-info .info-item ul li a:hover { color: #cc1517; }
  .page.products .product-list-side .products .product-item:hover .item-holder .product-code span:nth-child(2) { left: 0; }
  .page.products .product-list-side .products .product-item:hover .item-holder .product-code span:nth-child(1) { left: -100%; }
  .page.products .product-list-side .products .product-item:hover .item-holder {border-color: #f5ac35;}
  .page.products .product-list-side .products .product-item:hover .item-holder .product-image { transform: scale(0.85); }
}

@media only screen and (max-width: 1800px){
  .page.products form .product-holder { padding: 100px 6.7vw; justify-content: center; }
}

@media only screen and (max-width: 1650px){
  .page.products .page-titles {
    padding: 100px 8.7vw;
}
}

@media only screen and (max-width: 1500px){
  .page.products .product-list-side .products .product-item .item-holder .product-name { font-size: 13px; max-width: 125px; }
  .page.products .product-list-side .products .product-item .item-holder .product-image { width: 160px; height: 200px; }
  .page.products .product-list-side .products .product-item .item-holder {padding: 35px 0 20px 25px;}
  .page.products .product-list-side .products .product-item .item-holder .product-code { font-size: 14px; }
  .page.products .product-list-side .products .product-item { height: 310px; }
  .page.products form .product-holder .product-list-side { margin-left: 70px; }
}

@media only screen and (max-width: 1370px){
  .page.products form .product-holder { padding: 100px 4vw; }
  .page.products form .product-holder .sidebar .product-sidebar .sidebar-item.categories .item-info .info-item >a { font-size: 14px; }
  .page.products .product-list-side .products .product-item .item-holder {padding: 35px 0 20px 25px;}
}

@media only screen and (max-width: 991px){
  .page.products .product-list-side .products .product-item { flex: 0 0 45%; }
  .page.products .product-list-side .products .product-item + .product-item { margin-left: 10%;}
  .page.products .product-list-side .products .product-item:nth-child(n+3) { margin-top: 50px; }
  .page.products .product-list-side .products .product-item:nth-child(n+4) { margin-top: 50px; }
  .page.products .product-list-side .products .product-item:nth-child(3n+1) { margin-left: 10%; }
  .page.products .product-list-side .products .product-item:nth-child(2n+1) { margin-left: 0; }
}

@media only screen and (max-width: 1200px){
  .page.products form .product-holder .sidebar {position: fixed;left: 0;top: 0;bottom: 0;z-index: 9999;background: #fff;transition: .4s;transform: translateX(-100%);}
  .page.products form .product-holder .sidebar .product-sidebar { border: 0; position: initial; top: initial; }
  .page.products form .product-holder .category-btn { display: block; margin-bottom: 35px; cursor: pointer; }
  .page.products form .product-holder { flex-direction: column; }
  .page.products form .product-holder .product-list-side { margin-left: 0; width: 100%; }
  .page.products form .product-holder .category-btn span { font-weight: 600; font-size: 19px; letter-spacing: 0.05em; color: #e37877; display: block; text-align: center; border: 2px solid #e37877; padding: 20px; }
  .page.products .sidebar-bg {position: fixed;z-index: 1000;left: 0;right: 0;top: 0;bottom: 0;background: #0000007a;pointer-events: none;opacity: 0;transition: .4s;}
  .page.products .sidebar-bg.active {opacity: 1;pointer-events: all;cursor: pointer;}
  .page.products form .product-holder .sidebar.active { transform: translateX(0); }
  .page.products form .product-holder .sidebar .close-sidebar { display: block; position: absolute; right: 20px; top: 28px; }
  .page.products form .product-holder .sidebar .close-sidebar svg { width: 16px; height: 16px; }
  .page.products form .product-holder .sidebar .close-sidebar svg path { fill: #464646; }
}

@media only screen and (max-width: 767px){
  .page.products .product-list-side .products-title .total-count p {font-size: 15px;margin-bottom: -3px;line-height: 22px;}
  .page.products .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 15px; }
  .page.products .product-list-side .products-title {margin-bottom: 20px;/* flex-direction: column; */padding: 20px 0;border-top: 1px solid rgba(236, 236, 236, 0.6);border-bottom: 1px solid rgba(236, 236, 236, 0.6);}
  .page.products .product-list-side .products .product-item { flex: 0 0 100%; }
  .page.products .product-list-side .products .product-item + .product-item { margin-left: 0; margin-top: 5px; }
  .page.products .product-list-side .products .product-item .item-holder .product-image { width: 200px; height: 240px; }
  .page.products form .product-holder { padding: 40px 6.7vw; }
  .page.products form .product-holder .category-btn span {font-size: 15px;padding: 15px;}
  .page.products form .product-holder .category-btn { margin-bottom: 25px; }
  .page.products form .product-holder .sidebar .product-sidebar .sidebar-item .sidebar-title { font-size: 16px; padding: 20px 25px; }
  .page.products form .product-holder .sidebar .product-sidebar .sidebar-item.categories .item-info .info-item >a { font-size: 14px; }
  .page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info .form-item label { font-size: 15px; }
  .page.products form .product-holder .sidebar .product-sidebar .sidebar-item.brands .item-info { padding: 40px 30px; }
  .page.products form .product-holder .sidebar .product-sidebar .sidebar-item.categories .item-info .info-item ul li a {font-size: 12px;padding: 20px 18px;}
  .page.products form .product-holder .sidebar .close-sidebar { top: 18px; }
  .page.products form .product-holder .sidebar .close-sidebar svg { width: 14px; height: 14px; }
  .page.products form .product-holder .sidebar .product-sidebar {max-height: 670px;}
}

/* Select2 */
.page.products .select2-container--default .select2-selection--single{background:none;border:none;border-radius:0;height: 25px;outline:none;}
.page.products .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0;font-weight: 500;font-size: 16px;color: #000000;padding: 15px 17px;background: #F5F5F5;}
.page.products .select2-container--default .select2-selection--single .select2-selection__arrow b { right: 5px; width: 8px; height: 16px; }
.page.products .select2-container--default .select2-selection--single .select2-selection__arrow b {background: url(../img/svg/down-arrow.svg);background-size: contain;border: none;width: 11px;height: 13px;background-repeat: no-repeat;background-position: center;transform: rotate(0deg);right: 0px;left: auto;top: 8px;transition: 0.4s;}
.select2-search--dropdown{ display:none;}
.select2-dropdown{box-shadow: 0px 2px 11px -5px rgba(0, 0, 0, 0.15);border-radius: 0;border: none;background: whitesmoke;}
.select2-container--default .select2-results__option--highlighted[aria-selected=true]{background: #F5F5F5;color: #ffffff;}
.select2-container--default .select2-results__option[aria-selected=true]{background: #F5F5F5;color: #ffc107;}
.select2-results__option{padding: 6px 17px;transition: 0.4s;font-weight: 500;font-size: 15px;text-align: left;color: #868686;}
.select2-results__option:first-child{ display:none;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { transform: rotate(-180deg); }
.page.products .product-list-side .products-title .select2-container {width: 175px !important;height: 58px;overflow: hidden;border-radius: 8px;}
.select2-container--default .select2-results__option--highlighted {background: #F5F5F5;color: #ffffff;}
.select2-container--default .select2-results__option--highlighted[aria-selected=true] {background: #F5F5F5;color: #ffffff;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background: #F5F5F5;color: #ffc107;}
.page.products .product-list-side .products-title .select2-container .select2-selection--single .select2-selection__arrow { top: 15px; right: 14px; transition: .4s; }
.page.products .product-list-side .products-title .select2-container.select2-container--open {border-top-left-radius: 15px;border-top-right-radius: 15px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border: 1px solid #EAEAEA;border-bottom: 0;}
.page.products .product-list-side .products-title .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow { transform: rotate(-180deg) translateX(-6px); }
.select2-container--default .select2-results>.select2-results__options {padding: 10px 0;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;border: 1px solid #EAEAEA;}
/* Select 2 */
/* Products List END */
/* Product END*/
/* Sectorel-Solutions START */
.page.sectorel-sol {}
.page.sectorel-sol .exp-side { padding: 50px 14.4vw 150px; }
.page.sectorel-sol .exp-side .sec-pic {width: 100%;height: 480px;border-bottom-right-radius: 100px;display: flex;flex-direction: column;align-items: center;padding: 135px 16.5vw 0;position: relative;overflow: hidden;margin-bottom: 80px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.page.sectorel-sol .exp-side .sec-pic h2 { font-weight: 600; font-size: 45px; letter-spacing: 0.08em; line-height: 45px; text-align: center; color: #fff; opacity: 0.9; margin-bottom: 20px; position: relative; z-index: 2; }
.page.sectorel-sol .exp-side .sec-pic p {font-weight: normal;font-style: italic;font-size: 19px;line-height: 26px;color: #d6d6d6;text-align: center;position: relative;z-index: 2;margin-bottom: 45px;}
.page.sectorel-sol .exp-side .sec-pic:before {content: "";position: absolute;left: 0;right: 0;bottom: 0;top: 0;background: #262524;opacity: 0.6;}
.page.sectorel-sol .exp-side .products-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; }
.page.sectorel-sol .exp-side .products-title h2 { font-weight: 500; font-size: 25px; line-height: 25px; color: #191919; margin-bottom: 0; }
.page.sectorel-sol .exp-side .products-title h2 span {font-weight: 600;}
.page.sectorel-sol .exp-side .products-title .total-count p { font-weight: 500; font-size: 19px; letter-spacing: 0.05em; line-height: 55px; color: #8D8D8D; margin-bottom: 0; }
.page.sectorel-sol .exp-side .products-title .total-count p span { color: #E36B77; font-weight: 600; }
.page.sectorel-sol .exp-side .products { display: flex; flex-wrap: wrap; }
.page.sectorel-sol .exp-side .products .product-item {flex: 0 0 21%;height: 320px;padding: 0 40px 30px 0;position: relative;}
.page.sectorel-sol .exp-side .products .product-item + .product-item { margin-left: 5.3%; }
.page.sectorel-sol .exp-side .products .product-item:nth-child(4n+1) { margin-left: 0; }
.page.sectorel-sol .exp-side .products .product-item:nth-child(n+5) { margin-top: 60px; }
.page.sectorel-sol .exp-side .products .product-item .item-holder .product-name {font-weight: 500;font-size: 14px;line-height: 20px;color: #4b4b4b;margin-bottom: 0;max-width: 185px;}
.page.sectorel-sol .exp-side .products .product-item .item-holder .product-code {width: 85px;min-height: 35px;position: relative;overflow: hidden;z-index: 2;}
.page.sectorel-sol .exp-side .products .product-item .item-holder .product-code span { font-weight: bold; font-size: 15px; line-height: 20px; color: #262524; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: .4s; }
.page.sectorel-sol .exp-side .products .product-item .item-holder .product-code span:nth-child(2) {display: flex;align-items: center;text-align: right;opacity: 1;width: 85px;left: 100%;}
.page.sectorel-sol .exp-side .products .product-item .item-holder .product-code span:nth-child(2) svg { width: 30px; height: 27px; margin-left: 13px; }
.page.sectorel-sol .exp-side .products .product-item .item-holder .product-image {position: absolute;right: -27px;bottom: -8px;padding: 0;background: #ffff;transition: 0.3s;width: 220px;height: 220px;}
.page.sectorel-sol .exp-side .products .product-item .item-holder {width: 100%;height: 100%;border: 1px solid #D3D3D3;border-top-left-radius: 47px;border-bottom-right-radius: 73px;padding: 37px 0 20px 30px;display: flex;flex-direction: column;transition: .4s;justify-content: space-between;}
.page.sectorel-sol .exp-side .sec-pic .arrow-down-anim {position: initial;transform: initial;}

@media (hover: hover){
  .page.sectorel-sol .exp-side .products .product-item:hover .item-holder .product-code span:nth-child(1) { left: -100%; }
  .page.sectorel-sol .exp-side .products .product-item:hover .item-holder .product-code span:nth-child(2) { left: 0; }
  .page.sectorel-sol .exp-side .products .product-item:hover .item-holder {border-color: #f5ac08;}
  .page.sectorel-sol .exp-side .products .product-item:hover .item-holder .product-image { transform: scale(0.85); }
  .page.sectorel-sol .exp-side .products .product-item:hover .item-holder { border-color: #f5c550; }
}

@media only screen and (min-width: 1600px){
  .page.sectorel-sol .page-titles {padding: 154px 14.4vw 40px;}
}

@media only screen and (max-width: 1700px){
  .page.sectorel-sol .exp-side .products .product-item .item-holder .product-code { font-size: 14px; }
  .page.sectorel-sol .exp-side .products .product-item .item-holder .product-image { width: 160px; height: 200px; padding: 15px; }
}

@media only screen and (max-width: 1400px){
  .page.sectorel-sol .exp-side .products .product-item { flex: 0 0 28%; }
  .page.sectorel-sol .exp-side .products .product-item + .product-item { margin-left: 8%; }
  .page.sectorel-sol .exp-side .products .product-item:nth-child(n+4) { margin-top: 60px; }
  .page.sectorel-sol .exp-side .products .product-item:nth-child(4n+1) { margin-left: 8%; }
  .page.sectorel-sol .exp-side .products .product-item:nth-child(3n+1) { margin-left: 0; }
  .page.sectorel-sol .exp-side .products .product-item .item-holder .product-name {padding-right: 10px;}
  .page.sectorel-sol .exp-side .products-title h2 { font-size: 20px; }
  .page.sectorel-sol .exp-side .products-title .total-count p { font-size: 17px; }
  .page.sectorel-sol .exp-side .sec-pic h2 { font-size: 35px; }
  .page.sectorel-sol .exp-side .sec-pic p { font-size: 17px; }
  .page.sectorel-sol .exp-side .sec-pic { padding: 95px 12.5vw 0; height: 410px; }
}

@media only screen and (max-width: 1200px){
  .page.sectorel-sol .exp-side .products .product-item .item-holder .product-name { font-size: 12px; }
  .page.sectorel-sol .exp-side .products .product-item .item-holder .product-image { width: 140px; height: 180px; }
  .page.sectorel-sol .exp-side .sec-pic h2 {font-size: 25px;margin-bottom: 20px;}
  .page.sectorel-sol .exp-side .sec-pic p { font-size: 15px; margin-bottom: 25px; }
  .page.sectorel-sol .exp-side .sec-pic .arrow-down-anim svg {width: 21px;height: 13px;}
.page.sectorel-sol .exp-side .sec-pic {
    height: 240px;
    padding: 35px 12.5vw 0;
    justify-content: center;
    margin-bottom: 35px;
    border-bottom-right-radius: 65px;
}

.page.sectorel-sol .exp-side .mobile-exp {
    font-weight: 500;
    font-style: italic;
    font-size: 14px;
    line-height: 26px;
    color: #171616;
    text-align: center;
    position: relative;
    z-index: 2;
    margin-bottom: 45px;
}
}

@media only screen and (max-width: 991px){
  .page.sectorel-sol .exp-side { padding: 50px 5.4vw 100px; }
  .page.sectorel-sol .exp-side .products .product-item {flex: 0 0 45%;}
  .page.sectorel-sol .exp-side .products .product-item + .product-item {margin-left: 10%;}
  .page.sectorel-sol .exp-side .products .product-item:nth-child(n+4) { margin-top: 45px; }
  .page.sectorel-sol .exp-side .products .product-item:nth-child(n+3) { margin-top: 45px; }
  .page.sectorel-sol .exp-side .products .product-item:nth-child(3n+1) {margin-left: 10%;}
  .page.sectorel-sol .exp-side .products .product-item:nth-child(2n+1) { margin-left: 0; }
  .page.sectorel-sol .exp-side .products-title h2 { font-size: 17px; }
  .page.sectorel-sol .exp-side .products-title .total-count p { font-size: 15px; }
  .page.sectorel-sol .exp-side .products-title { margin-bottom: 30px; }
  .page.sectorel-sol .page-titles {padding: 110px 5vw 40px;}
}

@media only screen and (max-width: 767px){
  .page.sectorel-sol .exp-side .products .product-item { flex: 0 0 100%; }
  .page.sectorel-sol .exp-side .products .product-item + .product-item { margin-left: 0; margin-top: 20px; }
  .page.sectorel-sol .exp-side .products .product-item:nth-child(n+4) { margin-top: 20px; }
  .page.sectorel-sol .exp-side .products .product-item:nth-child(n+3) { margin-top: 20px; }
  .page.sectorel-sol .exp-side .products .product-item:nth-child(3n+1) { margin-left: 0; }
  .page.sectorel-sol .exp-side .products .product-item:nth-child(2n+1) { margin-left: 0; }
  .page.sectorel-sol .exp-side .products-title { flex-direction: column; }
  .page.sectorel-sol .exp-side .products-title h2 { font-size: 15px; }
  .page.sectorel-sol .exp-side .products-title .total-count p {font-size: 14px;line-height: 25px;margin-top: 15px;}
  .page.sectorel-sol .exp-side .sec-pic {padding: 55px 20px 15px;border-bottom-right-radius: 45px;height: 180px;}
  .page.sectorel-sol .exp-side .products .product-item .item-holder .product-image {width: 170px;height: 210px;right: -11px;}
  .page.sectorel-sol .exp-side .products .product-item .item-holder .product-name { font-size: 13px; }
  .page.sectorel-sol .exp-side .products-title {margin-bottom: 40px;padding: 20px 0;border-top: 1px solid #00000014;border-bottom: 1px solid #00000014;}
.page.sectorel-sol .exp-side .sec-pic .arrow-down-anim {
    display: none;
}
.page.sectorel-sol .exp-side .sec-pic h2 {
    font-size: 18px;
    line-height: 31px;
    margin-bottom: 20px;
}

.page.sectorel-sol .exp-side .sec-pic .arrow-down-anim svg {
    width: 15px;
    height: 11px;
}

.page.sectorel-sol .exp-side .mobile-exp {
    font-size: 13px;
    line-height: 20px;
}

}

/* arama */

.searchProduct {
  margin: 0 1%
}
form.nav_search {
  position: relative
}

form.nav_search:focus button.btn-arama {
  background: #231f20
}

form.nav_search .result-wrap {
  position: absolute;
  z-index: 99;
  max-height: 50vh;
  min-height: 1vh;
  overflow-x: hidden;
  overflow-y: scroll;
  left: 0;
  width: 100%;
  display: none;
  top: 100%;
  margin-top: 7px;
  border-radius: 23px 0 0 23px;
  background: #fff;
  -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, .2);
  box-shadow: 0 15px 35px rgba(0, 0, 0, .2);
  padding: 30px 30px 40px;
  padding-right: 0
}
form.nav_search .result {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
input#aramatxt {
  display: block;
  width: 100%;
  padding: 9px 80px 9px 29px;
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  background: #fff;
  height: 46px;
  border-radius: 23px;
  border: 1px solid black;
  color: #231f20
}
input#aramatxt:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #231f20!important
}
.result-wrap::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #f5f5f5
}

.result-wrap::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5
}

.result-wrap::-webkit-scrollbar-thumb {
  background-color: #000
}

.result-wrap h3 {
  font-weight: 700;
  font-size: 25px;
  color: #231f20;
  margin-bottom: 15px;
  margin-left: 15px
}

.result-wrap .sonuc h3 i:before {
  color: #ec2127;
  font-size: 28px;
  margin-left: 5px
}
.result-wrap .sonuc ul li a .tutucu span {
  font-weight: 400;
  font-size: 13px;
  text-align: left;
  color: #a2a2a2;
  top: 0!important;
  width: auto!important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 7px
}
.result-wrap .sonuc ul li a .tutucu span i:before {
  color: #a2a2a2;
  font-size: 10px;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out
}

.result-wrap .sonuc ul li a img {
  margin-right: 15px
}

.result-wrap .result .sonuc {
  width: 100%;
  padding: 0
}

.result-wrap .sonuc ul li a:hover {
  border-color: #f1f1f1
}

.result-wrap .sonuc ul li a:hover .tutucu {
  color: #231f20
}

.result-wrap .sonuc ul li a:hover .tutucu span {
  color: #ec2127
}

.result-wrap .sonuc ul li a:hover .tutucu span i:before {
  color: #ec2127
}

.result-wrap .sonuc ul li a:hover>i:before {
  opacity: 1;
  right: 16px
}

.result-wrap .sonuc ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column
}

.result-wrap .sonuc ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.result-wrap .result .sonuc li a img {
  width: 70px
}

.result-wrap .sonuc ul li a i {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px
}

.result-wrap .sonuc ul li a span i {
  position: relative;
  margin-right: 10px;
  top: 0;
  margin-top: 0
}

.result .kategori li+li {
  padding-top: 7px
}

.result-wrap .sonuc ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid #f1f1f100;
  padding: 6px 10px;
  padding-right: 35px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 95%
}

.result-wrap .sonuc ul li a .tutucu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  font-weight: 500;
  font-size: 14px;
  color: black;
  margin-right: 0;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  width: calc(100% - 70px);
  padding: 0;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  align-items: initial
}
button.btn.btn-arama i:before {
  color: #fff;
  font-size: 20px
}
button.btn.btn-arama {
  position: absolute;
  padding: 6px 23px 6px 26px;
  margin: 0;
  right: 0;
  border-radius: 0 23px 23px 0;
  background: #3e3e3e;
  top: 0;
  bottom: 0
}

button.btn.btn-arama:focus {
  -webkit-box-shadow: none;
  box-shadow: none
}
button.btn.btn-link {
  color: #000;
  font-weight: 500;
  padding: 15px 30px
}

.card-body {
  display: inline-block;
  width: 100%;
  padding: 20px 0
}

.card-body p {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #a2a2a2
}

button.btn.btn-link i {
  position: absolute;
  top: 0;
  right: 0;
  font-family: initial
}
.accordion button.btn.btn-link {
  padding-left: 0;
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: black;
  text-decoration: none;
  padding: 0 0 25px
}
#aramatxt::-webkit-input-placeholder {
  font-size: 15px;
  line-height: normal;
  color: #a2a2a2!important
}

#aramatxt::-moz-placeholder {
  font-size: 15px;
  line-height: normal;
  color: #a2a2a2
}

#aramatxt:-ms-input-placeholder {
  font-size: 15px;
  line-height: normal;
  color: #a2a2a2
}

#aaramatxt:-moz-placeholder {
  font-size: 15px;
  line-height: normal;
  color: #a2a2a2
}
.urunArama h4 {
  font-weight: 400;
  text-transform: uppercase
}
/**arama**/

@media screen and (max-width: 767px) {
  .formAll {
    display: block;
    overflow: hidden;
    width: 100%;
   }
  .formAll .form-div+.form-div {
    margin-left: 0;
   }
}

@media screen and ( max-width: 1700px ) {
  
  input#aramatxt {
    padding: 13px 45px 13px 20px;
   }
  .bilgiText .urunText {
    font-size: 13px;
    padding-top: 5px;
    height: 80px;
   }
  h3.yeniText {
   }
  section.urunler .sag-kisim>ul {
     /* margin-right: 80px;
    */
   }
}

@media screen and ( max-width: 1700px) {
  input#aramatxt::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
    font-size: 14px !important;
   }
  input#aramatxt::-moz-placeholder {
     /* Firefox 19+ */
    font-size: 14px !important;
   }
  input#aramatxt:-ms-input-placeholder {
     /* IE 10+ */
    font-size: 14px !important;
   }
  input#aramatxt:-moz-placeholder {
     /* Firefox 18- */
    font-size: 14px !important;
   }
}
@media screen ( max-width: 1600px) {
  .result-wrap .result .sonuc {
    width: 100%;
   }
  
  .result .kategori {
    padding: 0;
    display: none;
   }
}
@media and screen ( min-width: 1300px) and (max-width: 1600px) {
  .search {
    
  }
}
@media and screen ( min-width: 1600px) and (max-width: 1920px) {
  .search {
    
    
  }
}



  h3.yeniText {
    font-size: 11px;
   }
  
  button.btn.btn-arama {
    padding: 6px 12px;
    height: 46px;
   }
  input#aramatxt::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
    font-size: 14px !important;
   }
  input#aramatxt::-moz-placeholder {
     /* Firefox 19+ */
    font-size: 14px !important;
   }
  input#aramatxt:-ms-input-placeholder {
     /* IE 10+ */
    font-size: 14px !important;
   }
  input#aramatxt:-moz-placeholder {
     /* Firefox 18- */
    font-size: 14px !important;
   }
  input#aramatxt {
    padding: 13px 45px 13px 20px;
   }
}
@media screen and (max-width: 1400px) {
  a.navbar-brand img {
    width: 130px;
   }
}






@media screen and (max-width: 991px) {
  
  input#aramatxt::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
    font-size: 14px !important;
   }
  input#aramatxt::-moz-placeholder {
     /* Firefox 19+ */
    font-size: 14px !important;
   }
  input#aramatxt:-ms-input-placeholder {
     /* IE 10+ */
    font-size: 14px !important;
   }
  input#aramatxt:-moz-placeholder {
     /* Firefox 18- */
    font-size: 14px !important;
   }
}

@media screen and (max-width: 767px) {
  
  #aramatxt::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
    font-size: 9px !important;
    line-height: normal;
    color: #a2a2a2 !important;
   }
  #aramatxt::-moz-placeholder {
     /* Firefox 19+ */
    font-size: 9px !important;
    line-height: normal;
    color: #a2a2a2;
   }
  #aramatxt:-ms-input-placeholder {
     /* IE 10+ */
    font-size: 9px !important;
    line-height: normal;
    color: #a2a2a2;
   }
  #aramatxt:-moz-placeholder {
     /* Firefox 18- */
    font-size: 9px !important;
    line-height: normal;
    color: #a2a2a2;
   }
}




@media screen and ( max-width: 320px) {
  #aramatxt::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
    font-size: 6px !important;
    line-height: normal;
    color: #a2a2a2 !important;
   }
  #aramatxt::-moz-placeholder {
     /* Firefox 19+ */
    font-size: 6px !important;
    line-height: normal;
    color: #a2a2a2;
   }
  #aramatxt:-ms-input-placeholder {
     /* IE 10+ */
    font-size: 6px !important;
    line-height: normal;
    color: #a2a2a2;
   }
  #aramatxt:-moz-placeholder {
     /* Firefox 18- */
    font-size: 6px !important;
    line-height: normal;
    color: #a2a2a2;
   }
}
/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  button.btn.btn-arama i {
    padding: 0;
   }
  button.btn.btn-arama {
     display: inline-block !important;
     text-align: center;
     -webkit-box-pack: inherit !important;
     -ms-flex-pack: inherit !important;
     justify-content: inherit !important;
   }
}
/*
* ----------------------------------------------------------------------------------------
* VIDEO BACKGROUND CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.welcome-video-area {
    position: relative;
    height: 100%;
    background-size: cover;
    z-index: 1;
    background-position: center center;
}

.welcome-video-area:after {
    position: absolute;
    background: rgba(0, 0, 0, .5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}

.display-table {
    display: table;
    width: 100%;
    height: 100%;
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
}
.display-table {
    display: table;
    width: 100%;
    height: 100%;
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
}